:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102436;background:#f2f6f7;font-synthesis:none;--navy: #071a2d;--navy-soft: #0f2c45;--teal: #21b8a6;--teal-dark: #128779;--cream: #f7f4ec;--line: #dce5e7;--muted: #667986}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f2f6f7}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(33,184,166,.35);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px 20px;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 32px;color:#fff;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#36d4bf,#168f82);color:#062031;font-weight:900;box-shadow:inset 0 1px #ffffff80}.brand-mark.large{width:56px;height:56px;border-radius:17px;font-size:23px}.brand span:last-child,.sidebar-footer>span:nth-child(2){display:grid}.brand strong{font-size:17px;letter-spacing:.01em}.brand small,.sidebar-footer small{color:#9db1bf;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-button{border:0;display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;border-radius:11px;color:#b7c7d1;background:transparent;cursor:pointer;text-align:left}.nav-button span{display:grid;place-items:center;width:23px;color:#7e99aa;font-size:18px}.nav-button:hover{background:#ffffff0f;color:#fff}.nav-button.active{background:#123451;color:#fff;box-shadow:inset 3px 0 var(--teal)}.nav-button.active span{color:#48d5c3}.sidebar-footer{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d5f5ef;color:var(--navy);font-weight:800}.sidebar-footer strong{overflow:hidden;text-overflow:ellipsis;font-size:13px}.sidebar-footer a{color:#9db1bf;text-decoration:none}main{min-width:0}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(24px,4vw,56px) 20px;background:#f2f6f7f0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1{margin:3px 0 0;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(29px,3vw,42px);font-weight:600;letter-spacing:-.025em}.eyebrow{color:var(--teal-dark);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.running-pill{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #bfe5df;border-radius:999px;background:#e7f8f4;color:#1b554e;font-size:13px}.running-pill i{width:8px;height:8px;border-radius:50%;background:#17a795;box-shadow:0 0 0 4px #17a79521;animation:pulse 2s infinite}.running-pill strong{font-variant-numeric:tabular-nums}@keyframes pulse{50%{opacity:.45}}.content-stack{display:grid;gap:22px;padding:30px clamp(24px,4vw,56px) 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.75fr);gap:22px}.timer-card,.summary-card,.panel,.project-banner,.gantt-panel{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 30px #1024360b}.timer-card{padding:clamp(24px,4vw,42px);background:linear-gradient(135deg,#fff 65%,#eef9f6)}.timer-card h2{margin:7px 0 4px;color:var(--navy)}.timer-card p{color:var(--muted)}.timer-readout{margin:13px 0 18px;color:var(--navy);font-size:clamp(48px,7vw,76px);font-weight:300;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.summary-card{display:flex;flex-direction:column;justify-content:center;padding:28px;background:var(--navy);color:#fff;overflow:hidden}.summary-card .eyebrow{color:#5be0cf}.summary-card>strong{margin-top:20px;font-family:Georgia,serif;font-size:44px;font-weight:500}.summary-card p{margin:4px 0 25px;color:#a9beca}.mini-bars{display:flex;gap:5px;height:7px}.mini-bars span{min-width:12px;flex:1;border-radius:10px;background:var(--teal)}.panel{padding:25px;overflow:hidden}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:4px 0 0;color:var(--navy);font-family:Georgia,serif;font-size:26px;font-weight:600}.section-heading>span{color:var(--muted);font-size:13px}label{display:grid;gap:7px;color:#344b5b;font-size:12px;font-weight:700}input,select{width:100%;min-height:45px;padding:0 12px;border:1px solid #cbd8dc;border-radius:9px;background:#fff;color:var(--navy)}input:hover,select:hover{border-color:#9bb5bd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.primary-button,.secondary-button,.stop-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 19px;border-radius:10px;border:0;font-weight:800;text-decoration:none;cursor:pointer}.primary-button{margin-top:18px;background:var(--teal);color:#04231f;box-shadow:0 5px 16px #21b8a63b}.primary-button:hover{background:#33c9b7}.secondary-button{border:1px solid #bbcbcf;background:#fff;color:var(--navy)}.stop-button{background:#fde9e5;color:#9d2f23}button:disabled{cursor:not-allowed;opacity:.55}.week-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:30px;padding:25px 29px;border-radius:18px;background:var(--navy);color:#fff}.week-summary h2{margin:5px 0 0;font-family:Georgia,serif;font-size:27px;font-weight:500}.week-summary .eyebrow{color:#5be0cf}.week-summary>div:nth-child(2){display:grid;text-align:right}.week-summary>div:nth-child(2) strong{font-size:27px}.week-summary>div:nth-child(2) span{color:#9db1bf;font-size:12px}.week-summary .primary-button{margin:0}.allocation-list{display:grid;gap:16px}.allocation-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,2fr) 46px 80px;align-items:center;gap:16px}.allocation-row>div:first-child{display:grid}.allocation-row small{margin-top:3px;color:var(--muted)}.allocation-row>strong{color:var(--navy);font-size:18px}.allocation-row>span{color:var(--muted);font-size:13px;text-align:right}.allocation-track{height:9px;border-radius:10px;background:#e8edef;overflow:hidden}.allocation-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal-dark),var(--teal))}.project-controls{display:flex;align-items:end;justify-content:space-between;gap:16px}.project-controls label{min-width:min(440px,70vw)}.create-project{display:grid;gap:16px}.create-project .primary-button{justify-self:start;margin-top:0}.project-banner{--project-color: var(--teal);position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 29px 25px 35px;overflow:hidden}.project-banner:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--project-color)}.project-banner h2{margin:5px 0 3px;font-family:Georgia,serif;font-size:30px}.project-banner p{margin:0;color:var(--muted)}.classification-chip{padding:8px 12px;border-radius:99px;background:#edf4f5;color:#435b68;font-size:12px;font-weight:700}.gantt-panel{padding:10px}.gantt-panel .e-gantt{border:0!important;border-radius:12px}.gantt-panel .e-toolbar{background:#f7fafb!important}.gantt-panel .e-headercell{background:#eef4f5!important}.e-grid{border:0!important}.e-grid .e-headercell{background:#eef4f5!important;color:#344b5b}.notice{margin:18px clamp(24px,4vw,56px) 0;padding:12px 15px;border:1px solid #b7e1d9;border-radius:10px;background:#e9f8f4;color:#176a5f}.notice.error{border-color:#efc3bb;background:#fff0ed;color:#8f2e23}.empty-state{display:grid;place-items:center;min-height:180px;padding:25px;color:var(--muted);text-align:center}.empty-state strong{color:var(--navy);font-family:Georgia,serif;font-size:22px}.empty-state p{max-width:430px;margin:7px 0}.panel-loading{min-height:180px;display:grid;place-items:center;color:var(--muted)}.center-state,.signin{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 75% 20%,#d9f3ed,transparent 35%),var(--navy);color:#fff;text-align:center}.center-state button{min-height:42px;padding:0 16px;border:0;border-radius:8px}.loader{width:38px;height:38px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signin-card{max-width:540px;display:grid;justify-items:center;padding:clamp(32px,6vw,65px);border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#0a253ac7;box-shadow:0 30px 90px #0000004d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.signin-card .eyebrow{margin-top:22px;color:#5be0cf}.signin-card h1{margin:12px 0;font-family:Georgia,serif;font-size:clamp(35px,6vw,54px);line-height:1.02;font-weight:500}.signin-card p{color:#b5c6cf;line-height:1.65}.signin-card .primary-button{min-width:230px}.signin-card>small{margin-top:18px;color:#7f98a8}@media(max-width:900px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-inline:11px}.brand{padding-inline:9px}.brand span:last-child,.nav-button:not(.active):after,.nav-button{font-size:0}.nav-button{justify-content:center;padding:0}.nav-button span{font-size:20px}.sidebar-footer{grid-template-columns:1fr;justify-items:center}.sidebar-footer>span:nth-child(2),.sidebar-footer a{display:none}.hero-grid{grid-template-columns:1fr}.summary-card{min-height:210px}.form-grid.three{grid-template-columns:1fr 1fr}}@media(max-width:640px){.app-shell{display:block;padding-bottom:70px}.sidebar{position:fixed;inset:auto 0 0;z-index:30;width:100%;height:68px;display:block;padding:7px 10px}.brand,.sidebar-footer{display:none}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:5px}.nav-button{min-height:54px;display:grid;place-items:center;gap:0;font-size:10px}.nav-button span{font-size:19px}.nav-button.active{box-shadow:inset 0 -3px var(--teal)}.topbar{min-height:92px;padding:20px}.topbar .running-pill span{display:none}.content-stack{padding:20px 15px 35px}.timer-card,.panel{padding:20px 16px}.form-grid,.form-grid.three{grid-template-columns:1fr}.week-summary{grid-template-columns:1fr auto;padding:21px}.week-summary .primary-button{grid-column:1 / -1}.allocation-row{grid-template-columns:1fr 45px 70px}.allocation-row .allocation-track{grid-column:1 / -1;grid-row:2}.project-controls{align-items:stretch;flex-direction:column}.project-controls label{min-width:0}.project-banner{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}