@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#24241f;background:#f4f4ef;font-synthesis:none;--ink: #24241f;--muted: #74746c;--line: #deded5;--paper: #fffefa;--orange: #f2632d;--green: #216b57;--navy: #222c3b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f0}.status-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.status-screen strong{font:700 18px Manrope,sans-serif}.status-screen span{color:var(--muted);max-width:480px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);background:var(--paper)}.auth-story{background:var(--navy);color:#fff;padding:clamp(34px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:60px;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:360px;height:360px;border:70px solid rgba(242,99,45,.12);border-radius:50%;right:-190px;bottom:-170px}.auth-story .brand{padding:0}.auth-story h1{font-size:clamp(38px,5vw,66px);max-width:620px}.auth-story>div>p:last-child{color:#aeb6c1;max-width:500px;line-height:1.7}.auth-proof{display:flex;gap:12px;align-items:center;color:#aeb6c1;font-size:12px;max-width:390px;position:relative;z-index:1}.auth-panel{display:grid;place-items:center;padding:34px;background:#f5f5f0}.auth-card{width:min(440px,100%);background:var(--paper);border:1px solid var(--line);padding:clamp(24px,5vw,42px);box-shadow:0 18px 60px #23231c14}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e9e8df;padding:4px;margin-bottom:34px}.auth-tabs button{border:0;background:transparent;padding:10px;cursor:pointer;color:#6f6f67;font-size:12px;font-weight:700}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #1e1e1914}.auth-heading h2{font:700 26px Manrope,sans-serif;letter-spacing:-.8px;margin-bottom:8px}.auth-heading>p:last-child{color:var(--muted);font-size:12px;margin-bottom:28px}.auth-card form{display:grid;gap:16px}.auth-error{background:#fff0eb;border:1px solid #f3c5b4;color:#9a3513;padding:10px 12px;border-radius:6px;font-size:11px}.auth-submit{width:100%;margin-top:6px;min-height:44px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(242,99,45,.22);outline-offset:2px}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--navy);color:#fff;padding:28px 16px 18px;display:flex;flex-direction:column;z-index:10}.sidebar-heading{display:flex;align-items:center;justify-content:space-between}.brand,.brand-mobile{display:flex;align-items:center;gap:10px;font:700 20px Manrope,sans-serif;letter-spacing:-.5px}.brand{padding:0 10px 36px}.sidebar-close,.sidebar-backdrop{display:none}.logo-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:9px 9px 9px 3px}.sidebar nav{display:grid;gap:5px}.nav-label{padding:0 12px 10px;text-transform:uppercase;color:#8f98a6;font-size:10px;font-weight:700;letter-spacing:1.2px}.sidebar nav button{width:100%;border:0;background:transparent;color:#abb2bc;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;cursor:pointer;font-weight:600}.sidebar nav button:hover{background:#ffffff0f;color:#fff}.sidebar nav button.active{background:#fff;color:#252b35}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer strong{font-size:12px}.sidebar-footer span{color:#9ca4ae;font-size:10px;margin-top:2px}.sidebar-logout{color:#9ca4ae}.sidebar-logout:hover{color:#fff;background:#ffffff14}.mini-avatar,.avatar{border-radius:50%;background:#f1c5ae;color:#562f1f;display:grid;place-items:center;font-weight:700}.mini-avatar{width:34px;height:34px;font-size:11px}main{grid-column:2;min-width:0}.topbar{height:72px;background:#fffffce6;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-wrap{width:min(460px,50vw);display:flex;align-items:center;gap:9px;color:#88887f}.search-wrap input{flex:1;border:0;background:transparent;outline:0;color:var(--ink)}.search-wrap kbd{background:#efefe9;border:1px solid #e0e0d9;padding:3px 7px;border-radius:5px;color:#8b8b84;font-size:11px}.avatar{width:36px;height:36px;border:0;margin-left:auto;cursor:pointer;font-size:11px}.mobile-menu,.brand-mobile{display:none!important}.mobile-nav{display:none}.running-banner{background:#234f43;color:#fff;min-height:72px;padding:12px 42px;display:grid;grid-template-columns:140px minmax(0,1fr) auto auto;gap:24px;align-items:center;position:sticky;top:72px;z-index:7;box-shadow:0 8px 24px #19372f21}.running-state{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.1px;color:#b8d9cf}.live-dot{width:8px;height:8px;background:#f9a17d;border-radius:50%;box-shadow:0 0 0 5px #f9a17d26;animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #f9a17d00}}.running-copy strong,.running-copy span{display:block}.running-copy strong{font-size:14px}.running-copy span{color:#aec7c0;font-size:11px;margin-top:3px}.running-time{font:600 25px Manrope,sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums}.stop-button{border:0;background:#fff;color:#234f43;padding:10px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;border-radius:7px}.page{padding:54px 42px 80px;max-width:1280px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px!important;font-weight:700;color:var(--orange)!important;margin:0 0 10px!important}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(28px,4vw,43px)/1.08 "Manrope",sans-serif;letter-spacing:-1.8px;margin-bottom:12px;max-width:720px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.primary-button,.quiet-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700}.primary-button{background:var(--orange);color:#fff;padding:11px 16px;border-radius:7px;box-shadow:0 5px 14px #f2632d2e}.primary-button:hover{background:#dd5421}.primary-button:disabled{opacity:.45;cursor:not-allowed}.quiet-button{background:transparent;color:#6c6c65;padding:8px}.icon-button,.chevron-button{width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:7px;color:#76766e}.icon-button:hover,.chevron-button:hover{background:#efefe9}.summary-strip{background:#e9e8df;border:1px solid #ddddd4;display:grid;grid-template-columns:repeat(4,minmax(115px,1fr)) 1.7fr;margin-bottom:40px}.summary-strip>div{padding:22px 24px;border-right:1px solid #d6d6cc}.summary-strip>div:last-child{border-right:0}.summary-strip span,.project-total span{display:block;color:#797970;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;margin-bottom:7px}.summary-strip strong{font:700 22px Manrope,sans-serif;letter-spacing:-.5px}.summary-strip .summary-note{background:#f1f0e9;display:flex;align-items:center;gap:12px;color:#64645d}.summary-strip .summary-note span{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;margin:0;line-height:1.45}.section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-bar h2{font:700 16px Manrope,sans-serif;margin:0}.project-list{display:grid;gap:12px}.project-card{background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 12px #28282006}.project-header{min-height:72px;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:13px;padding:12px 16px 12px 12px}.project-color{width:9px;height:32px;display:inline-block;border-radius:2px}.project-title h3{font:700 14px Manrope,sans-serif;margin:0 0 4px}.project-title span{font-size:11px;color:var(--muted)}.project-total{text-align:right;min-width:76px}.project-total span{margin-bottom:3px}.project-total strong{font-size:13px}.task-list{border-top:1px solid #e8e8e1}.task-row{min-height:58px;display:grid;grid-template-columns:30px minmax(0,1fr) 90px 34px 90px;align-items:center;padding:8px 20px 8px 56px;border-bottom:1px solid #eeeeea;gap:12px;transition:background .15s}.task-row:hover{background:#fafaf6}.task-row.is-running{background:#edf4f0}.task-status{display:grid;place-items:center}.task-status>span:not(.live-dot){width:6px;height:6px;border:1px solid #b8b8af;border-radius:50%}.task-name strong,.task-name span{display:block}.task-name strong{font-size:13px;font-weight:600}.task-name span{font-size:10px;color:var(--green);margin-top:3px;font-weight:700}.task-name span.task-description{font-size:11px;color:#8a8a82;font-weight:400;text-transform:none;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.task-time{font-size:12px;color:#6f6f67;text-align:right;font-variant-numeric:tabular-nums}.task-edit{opacity:0;transition:opacity .15s}.task-row:hover .task-edit,.task-edit:focus-visible{opacity:1}.task-play,.task-stop{justify-self:end;min-width:77px;height:34px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700}.task-play{border:1px solid #d6d6ce;background:#fff}.task-play:hover{color:var(--orange);border-color:#f3a283}.task-stop{background:var(--green);color:#fff;border:1px solid var(--green)}.add-task{margin:8px 0 8px 76px;border:0;background:transparent;color:#76766e;padding:8px 10px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;font-weight:700}.add-task:hover{color:var(--orange)}.period-selector{display:flex;align-items:center;gap:18px;background:var(--paper);padding:12px 18px;border:1px solid var(--line);border-bottom:0}.period-selector>span{color:#77776f;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.period-selector>div{display:flex;gap:6px;flex-wrap:wrap}.period-selector button{border:1px solid transparent;background:transparent;color:#66665f;border-radius:6px;padding:7px 11px;cursor:pointer;font-size:11px;font-weight:700}.period-selector button:hover{background:#f1f0e9}.period-selector button.active{background:var(--navy);color:#fff}.filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:14px;background:var(--paper);padding:18px;border:1px solid var(--line);margin-bottom:18px}label>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:#77776f;margin-bottom:7px}input,select,textarea{width:100%;background:#fff;border:1px solid #d7d7cf;border-radius:6px;min-height:40px;padding:8px 10px;color:var(--ink)}textarea{resize:vertical;min-height:84px;line-height:1.45}.report-totals{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff;margin-bottom:18px}.report-totals div{padding:22px 24px;border-right:1px solid rgba(255,255,255,.12)}.report-totals span,.report-totals strong{display:block}.report-totals span{color:#9ba5b3;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.report-totals strong{font:700 23px Manrope,sans-serif}.report-table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#e9e8df;color:#6e6e66;text-transform:uppercase;font-size:9px;letter-spacing:.8px;text-align:left;padding:11px 16px}td{border-top:1px solid #e6e6df;padding:14px 16px}td strong,td span{display:block}td span{color:var(--muted);margin-top:3px;font-size:10px}.empty-cell{text-align:center;color:var(--muted);padding:42px}.settings-page{max-width:980px}.settings-grid{display:grid;gap:16px}.settings-card{background:var(--paper);border:1px solid var(--line);padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.settings-card h2{font:700 15px Manrope,sans-serif;margin:0 0 5px}.settings-card p{margin:0;color:var(--muted);font-size:11px}.settings-icon{width:40px;height:40px;background:#e9efe9;color:var(--green);display:grid;place-items:center;border-radius:7px}.money-input{display:flex;align-items:center;border:1px solid #d5d5cd;background:#fff;border-radius:6px;padding:0 10px;min-width:190px}.money-input input{border:0;text-align:right;min-width:70px;padding-left:5px;padding-right:5px}.money-input span{color:#74746c;font-size:11px;white-space:nowrap}.project-rates{display:block;padding:0}.settings-card-heading{padding:24px;border-bottom:1px solid var(--line)}.rate-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 24px;border-bottom:1px solid #e8e8e1}.rate-row:last-child{border-bottom:0}.client-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 24px;border-bottom:1px solid #e8e8e1}.client-edit input{min-height:36px}.client-add{display:flex;gap:10px;padding:16px 24px}.client-add input{flex:1}.client-add .primary-button{white-space:nowrap}.settings-empty{padding:14px 24px;color:var(--muted);font-size:12px}.rate-row .project-color{height:30px}.rate-row strong,.rate-row>div>span{display:block}.rate-row strong{font-size:12px}.rate-row>div>span{color:var(--muted);font-size:10px;margin-top:3px}.money-input.compact{min-width:150px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#191d237a;display:grid;place-items:center;z-index:30;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(480px,100%);background:#fffefa;box-shadow:0 24px 70px #00000038;padding:26px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-heading h2{font:700 21px Manrope,sans-serif;margin:0 0 6px}.modal-heading p{margin:0;font-size:11px;color:var(--muted)}.modal form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 110px;gap:14px}.color-input{padding:4px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:17px;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;z-index:40;background:var(--navy);color:#fff;padding:12px 16px;box-shadow:0 8px 30px #0003;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:280px;padding:34px 28px;gap:38px}.auth-story h1{font-size:38px;max-width:560px}.auth-proof{display:none}.auth-panel{padding:28px 18px 50px}.app-shell{display:block}.sidebar{display:flex;width:min(290px,84vw);z-index:26;transform:translate(-105%);transition:transform .22s ease;box-shadow:14px 0 45px #0f141c40}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:grid;color:#d5dae0;margin:-18px 0 18px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#14192075;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default}main{grid-column:1}.topbar{padding:0 20px;gap:14px}.mobile-menu,.brand-mobile{display:flex!important}.brand-mobile{font-size:16px;margin-right:auto}.brand-mobile .logo-mark{width:28px;height:28px}.search-wrap{display:none}.running-banner{top:72px;padding:12px 20px;grid-template-columns:1fr auto auto}.running-state{display:none}.page{padding:38px 20px 70px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:16px;right:16px;bottom:14px;z-index:20;background:var(--navy);padding:6px;box-shadow:0 12px 35px #181c2347}.mobile-nav button{border:0;background:transparent;color:#99a3b0;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;cursor:pointer;font-size:11px;font-weight:700;border-radius:6px}.mobile-nav button.active{color:var(--navy);background:#fff}.summary-strip{grid-template-columns:repeat(4,1fr)}.summary-note{display:none!important}}@media(max-width:650px){.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.page-heading .primary-button{width:100%}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(3),.summary-strip>div:nth-child(4){border-top:1px solid #d6d6cc}.summary-strip>div:nth-child(4){border-right:0}.running-banner{grid-template-columns:minmax(0,1fr) auto;gap:12px}.running-time{font-size:18px}.stop-button{grid-column:span 2;width:100%}.task-row{padding-left:17px;grid-template-columns:15px minmax(0,1fr) 34px auto}.task-time{display:none}.task-edit{opacity:1}.task-play,.task-stop{min-width:40px;width:40px}.task-play span,.task-stop span{display:none}.add-task{margin-left:32px}.period-selector{align-items:flex-start;flex-direction:column;gap:8px}.period-selector>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.period-selector button{text-align:center}.filters,.report-totals{grid-template-columns:1fr}.report-totals div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.settings-card{grid-template-columns:auto 1fr}.settings-card>.money-input{grid-column:span 2;width:100%}.rate-row{grid-template-columns:auto 1fr}.rate-row .money-input{grid-column:span 2;width:100%}}