:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#a65c3b;--on-primary:#fff;--primary-container:#ffdbcb;--on-primary-container:#351000;--secondary:#73594d;--secondary-container:#ffdbcb;--on-secondary-container:#2b160c;--tertiary:#646239;--tertiary-container:#eae6af;--on-tertiary-container:#1f1d00;--background:#fff8f5;--surface:#fff8f5;--on-surface:#231a16;--on-background:#231a16;--surface-variant:#f5dfd5;--on-surface-variant:#53433c;--outline:#85736a;--outline-variant:#d8c3b8;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#410002;--surface-raised:#fffdfb;--surface-muted:#faf4ef;--line:#ece3dc;--muted:var(--on-surface-variant);--olive:#797c50;--radius:16px;background:var(--background);color:var(--on-surface);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-mode=dark]{--surface-raised:color-mix(in srgb,var(--surface) 95%,white);--surface-muted:color-mix(in srgb,var(--surface) 96%,white);--line:color-mix(in srgb,var(--outline-variant) 48%,transparent);--muted:var(--on-surface-variant)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary)}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.2px;font-size:32px;font-weight:600;line-height:1.22}h2{letter-spacing:-.4px;font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}p{line-height:1.6}svg{flex-shrink:0}input,select,textarea{background:var(--surface-raised);border:1px solid var(--outline);width:100%;color:var(--on-surface);border-radius:9px;min-height:42px;padding:10px 12px}input[type=color]{cursor:pointer;width:58px;padding:4px}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--primary);flex:none}select{padding-right:26px}select[multiple]{min-height:100px;padding:6px}select[multiple] option{border-radius:4px;padding:5px}textarea{resize:vertical}label{flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;font-weight:550;display:flex}label input+input{margin-top:1px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:10px;font-size:12px}fieldset .checkbox{margin:0 14px 0 0;display:inline-flex}hr{background:var(--line);border:0;height:1px;margin:26px 0}summary{cursor:pointer;color:var(--on-surface-variant);align-items:center;gap:7px;padding:12px 0;font-size:13px;display:flex}summary:before{content:"›";transition:transform .15s}details[open]>summary:before{transform:rotate(90deg)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}code{overflow-wrap:anywhere;font-size:12px}::selection{background:var(--primary-container)}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);font-size:10px;font-weight:650}.spacer{flex:1}.full{width:100%}.checkbox{flex-direction:row;align-items:center;gap:9px;font-size:13px;font-weight:400}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 18px;font-size:12px;font-weight:550;line-height:1.2;transition:background .15s,transform .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button.primary{background:var(--primary);color:var(--on-primary)}.button.primary:hover{filter:brightness(.96)}.button.outlined{background:var(--surface-raised);border-color:var(--outline-variant)}.button.outlined:hover{background:var(--surface-muted)}.button.ghost{color:var(--on-surface-variant);background:0 0}.button.compact{min-height:34px;padding:8px 12px;font-size:11px}.danger{color:var(--error)!important}.icon-button{background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{background:var(--surface-variant)}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:7px;padding:10px 0;font-size:12px;font-weight:550;display:inline-flex}.button-row{flex-wrap:wrap;gap:8px;display:flex}.badge,.count-pill{background:var(--surface-variant);color:var(--on-surface-variant);border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:550;display:inline-flex}.project-dot{background:var(--project-color,var(--primary));border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.brand{letter-spacing:-1.7px;align-items:center;gap:9px;font-size:29px;font-weight:650;display:flex}.brand-mark{background:var(--primary);color:var(--on-primary);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.brand-dot{color:var(--primary);margin-left:-9px}.avatar{background:var(--primary-container);width:35px;height:35px;color:var(--on-primary-container);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.small-avatar{width:30px;height:30px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface-muted);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:219px;padding:30px 17px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar>.brand{margin-bottom:40px;margin-left:10px}.workspace-select{padding:0 8px 25px}.workspace-select label{margin-bottom:8px}.workspace-select select{background:var(--surface-raised);min-height:39px;font-size:12px}nav{flex-direction:column;gap:5px;display:flex}nav button,.nav-settings{text-align:left;color:var(--on-surface-variant);background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px 14px;font-size:12px;font-weight:500;display:flex}nav button.active,.nav-settings.active{background:color-mix(in srgb,var(--primary-container) 55%,transparent);color:var(--primary)}nav button:hover,.nav-settings:hover{background:var(--surface-variant)}.sidebar-note{background:color-mix(in srgb,var(--tertiary-container) 30%,transparent);color:var(--on-surface-variant);border-radius:12px;margin:43px 9px 0;padding:17px 14px}.sidebar-note p{margin:11px 0 12px;font-size:12px;line-height:1.65}.sidebar-note>span{color:var(--muted);font-family:Georgia,serif;font-size:12px;font-style:italic}.note-leaf{color:var(--tertiary)}.sidebar-bottom{margin-top:auto;padding-top:24px}.nav-settings{width:100%;margin-bottom:14px}.profile-button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;align-items:center;gap:10px;width:100%;padding:15px 5px 0;display:flex}.profile-button>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-button strong{text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.profile-button small{color:var(--muted);font-size:10px}.main-shell{width:calc(100% - 219px);min-width:0;margin-left:219px}.app-header{border-bottom:1px solid var(--line);background:var(--surface-raised);flex-wrap:wrap;align-items:center;gap:16px;min-height:68px;padding:12px 32px;display:flex}.app-header h1{letter-spacing:-.5px;overflow-wrap:anywhere;min-width:0;font-size:20px}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.header-actions:empty{display:none}.header-actions .button{white-space:normal;min-height:38px;padding:9px 14px}.header-utilities{align-items:center;gap:12px;display:flex}.sync-indicator{color:var(--tertiary);background:0 0;border:0;align-items:center;gap:7px;max-width:330px;font-size:10px;display:flex}.sync-indicator.warning{color:var(--primary)}.sync-indicator span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-shell main{align-items:flex-start;gap:26px;max-width:1800px;margin:auto;padding:24px 32px;display:flex}.main-content{flex:1;min-width:0}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 27px;display:grid}.stat{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:18px 15px;display:flex}.stat>div{flex-direction:column;gap:7px;display:flex}.stat strong{letter-spacing:-.7px;white-space:nowrap;font-size:23px;font-weight:550}.stat .small{font-size:10px}.stat-icon{background:color-mix(in srgb,var(--primary-container) 55%,transparent);color:var(--primary);border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon.olive{background:color-mix(in srgb,var(--tertiary-container) 65%,transparent);color:var(--tertiary)}.stat-icon.lavender{background:color-mix(in srgb,var(--secondary-container) 60%,transparent);color:var(--secondary)}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.date-navigation{align-items:center;gap:4px;display:flex}.date-navigation>strong{margin-left:9px;font-size:12px;font-weight:550}.calendar-filters{align-items:center;gap:9px;display:flex}.calendar-filters select{max-width:135px;min-height:33px;padding:7px;font-size:10px}.segmented{border:1px solid var(--outline-variant);background:var(--surface-muted);border-radius:8px;padding:3px;display:flex}.segmented button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;padding:8px 11px;font-size:11px}.segmented button.chosen{background:var(--surface-raised);color:var(--on-surface);box-shadow:0 1px 4px #0000000b}.segmented.compact button{padding:6px 9px;font-size:10px}.calendar-frame{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;overflow:hidden}.calendar-day-head,.calendar-durations,.calendar-grid{grid-template-columns:56px repeat(var(--days),minmax(0,1fr));display:grid}.calendar-day-head{border-bottom:1px solid var(--line);padding-right:0}.calendar-day-head>div{border-left:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:15px 2px 12px;font-size:10px;display:flex}.calendar-day-head>div>span:first-child{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:9px}.calendar-day-head strong{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:500;display:flex}.calendar-day-head .today strong{background:var(--primary);color:var(--on-primary)}.calendar-day-head .today>span:first-child{color:var(--primary)}.calendar-day-head .small{font-size:8px}.zone-label{color:var(--muted);text-overflow:ellipsis;padding:23px 4px;font-size:8px;overflow:hidden}.calendar-durations{border-bottom:1px solid var(--line);background:var(--surface-muted);min-height:36px}.calendar-durations>span{text-align:center;padding:11px 3px;font-size:8px}.calendar-durations>div{border-left:1px solid var(--line);flex-direction:column;gap:2px;min-width:0;padding:3px;display:flex}.duration-badge{background:color-mix(in srgb,var(--project-color) 15%,var(--surface));border:0;border-left:2px solid var(--project-color);text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface);border-radius:3px;padding:4px;font-size:9px;overflow:hidden}.duration-add{color:var(--muted);background:0 0;border:0;align-self:center;height:25px}.calendar-scroll{scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent;overscroll-behavior:contain;height:505px;overflow-y:auto}.calendar-grid{height:1440px;position:relative}.time-gutter{background:var(--surface-muted);position:relative}.time-gutter span{text-align:center;width:100%;color:var(--muted);padding-top:4px;font-size:8px;position:absolute}.calendar-column{border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,var(--line) 59px,var(--line) 60px);position:relative}.today-column{background-color:color-mix(in srgb,var(--primary-container) 8%,transparent)}.day-surface{cursor:crosshair;touch-action:pan-y;background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.selection-block{background:color-mix(in srgb,var(--primary) 20%,transparent);border:1px solid var(--primary);pointer-events:none;z-index:2;border-radius:5px;position:absolute;left:3px;right:3px}.calendar-entry{z-index:3;background:color-mix(in srgb,var(--project-color) 17%,var(--surface-raised));border-left:3px solid var(--project-color);color:var(--on-surface);touch-action:pan-y;border-radius:5px;min-height:18px;transition:box-shadow .15s;position:absolute}.calendar-entry:hover{z-index:5;box-shadow:0 3px 12px #00000018}.pending-entry{outline:1px dashed var(--project-color);outline-offset:-1px}.entry-content{text-align:left;cursor:grab;width:100%;color:var(--on-surface);background:0 0;border:0;flex-direction:column;gap:5px;padding:7px 6px;font-size:9px;display:flex;position:absolute;inset:0;overflow:hidden}.entry-content strong{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:9px;font-weight:600;overflow:hidden}.entry-content>span{-webkit-line-clamp:2;opacity:.8;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.entry-content small{opacity:.85;font-size:8px}.resize-handle{cursor:ns-resize;opacity:0;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:9px;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0}.calendar-entry:hover .resize-handle,.resize-handle:focus-visible{opacity:1}.resize-handle>span{background:var(--project-color);border-radius:1px;width:16px;height:2px}.calendar-footer{align-items:center;gap:6px;margin-top:12px;font-size:8px;display:flex}.calendar-footer .project-dot{background:var(--tertiary);width:5px;height:5px}.agenda-list{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;overflow:hidden}.agenda-list section{border-bottom:1px solid var(--line);padding:18px}.agenda-list h2{margin-bottom:10px;font-size:14px}.agenda-entry{background:var(--surface-muted);text-align:left;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:5px 0;padding:12px;font-size:12px;display:flex}.agenda-entry>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.agenda-entry .muted{font-size:10px}.timers-panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;flex:none;width:217px;margin-top:5px;padding:20px 17px}.panel-heading{align-items:center;gap:9px;margin-bottom:17px;display:flex}.panel-heading h2{font-size:14px}.panel-heading .count-pill{min-width:22px;margin-left:auto;padding:4px 7px;font-size:9px}.timer-empty{text-align:center;padding:22px 4px 27px}.empty-orbit{background:var(--surface-muted);border:1px dashed var(--outline-variant);width:67px;height:67px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 19px;display:flex}.timer-empty h3{margin-bottom:8px;font-size:12px}.timer-empty p{color:var(--muted);font-size:10px;line-height:1.8}.timers-panel>.button{min-height:39px;padding:9px;font-size:11px}.timer-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:8px;line-height:1.7;display:flex}.timer-note svg{color:var(--tertiary)}.timer-card{border:1px solid var(--line);border-top:2px solid var(--project-color);border-radius:10px;min-width:0;margin-bottom:14px;padding:15px 12px}.timer-card>.small{margin-bottom:6px;font-size:9px}.timer-card h3{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:12px;display:flex}.timer-clock{letter-spacing:1px;font-variant-numeric:tabular-nums;margin:17px 0 9px;font-size:25px;font-weight:500}.timer-caption{color:var(--tertiary);align-items:center;gap:5px;margin-bottom:13px;font-size:8px;display:flex}.running-dot{background:var(--tertiary);border-radius:50%;width:5px;height:5px}.timer-card .button{width:100%;margin-top:4px}.timer-card>p{margin-bottom:9px}.panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;padding:24px}.panel>h2{margin-bottom:22px}.panel>h3{margin:18px 0 12px}.management-page,.settings-page,.reports-page{max-width:1100px}.settings-page{max-width:850px}.settings-page>.button{margin-bottom:20px}.empty-state{text-align:center;border:1px dashed var(--outline-variant);background:var(--surface-raised);min-height:260px;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-top:25px;padding:40px;display:flex}.empty-state>svg{color:var(--primary);margin-bottom:7px}.empty-state h2{color:var(--on-surface);font-size:18px}.empty-state p{max-width:350px;font-size:12px}.empty-state .button{margin-top:7px}.client-cards{gap:20px;margin-top:20px;display:grid}.client-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;padding:22px}.client-card>header{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:18px;display:flex}.client-card h2{margin-bottom:5px;font-size:16px}.client-avatar{background:var(--surface-variant);color:var(--on-surface-variant);border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;font-size:13px;display:flex}.project-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:15px 0;display:flex}.project-row strong{font-size:12px}.project-row>div{flex-direction:column;gap:5px;display:flex}.rate-button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:7px;font-size:11px}.rate-button:disabled{opacity:1}.client-card>.text-button{margin-top:10px}.rate-history p{justify-content:space-between;gap:10px;padding:8px 0;font-size:11px;display:flex}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;font-size:12px;display:flex}.member-row select{width:auto;min-height:33px;padding:7px;font-size:11px}.member-row .badge{text-transform:capitalize}.audit-row{border-bottom:1px solid var(--line);gap:13px;padding:14px 0;font-size:12px;display:flex}.audit-row>div{flex:1;min-width:0}.audit-row p{margin-top:6px}.audit-diff,.conflict-versions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.audit-diff pre,.conflict-versions pre{background:var(--surface-muted);border-radius:8px;max-height:230px;padding:12px;overflow:auto}.settings-page .panel>h2:not(:first-child){margin-top:26px}.color-field{align-items:center;gap:12px;display:flex}.color-presets{gap:9px;display:flex}.color-presets button{color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.color-presets .chosen{outline:2px solid var(--outline);outline-offset:3px}.inline-form{align-items:flex-end;gap:13px;margin:16px 0;display:flex}.inline-form label{flex:1;margin:0}.secret{background:var(--surface-muted);letter-spacing:1px;margin:15px 0;padding:15px;font-size:14px;display:block}.mfa-qr{background:#fff;border-radius:10px}.recovery-codes{background:var(--tertiary-container);color:var(--on-tertiary-container);border-radius:12px;margin-top:18px;padding:18px}.recovery-codes code{white-space:pre;margin:12px 0;font-size:14px;line-height:1.9;display:block}.report-filters details{margin-bottom:14px}.field-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.report-options{flex-wrap:wrap;align-items:flex-end;gap:22px;display:flex}.report-options>label{min-width:140px;margin:0}.report-options fieldset{padding-bottom:12px}.report-options fieldset .checkbox{margin-right:9px;font-size:11px}.report-options>.button{margin-bottom:1px}.report-results .panel-heading{margin-bottom:20px}.export-buttons{flex-wrap:wrap;gap:6px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:15px 12px;font-size:11px}th{color:var(--muted);font-size:10px;font-weight:500}td:first-child,th:first-child{text-align:left;white-space:normal;width:40%;padding-left:0}td:first-child strong{font-weight:500}.report-bar{background:var(--surface-variant);border-radius:2px;max-width:180px;height:3px;margin-top:10px;overflow:hidden}.report-bar>span{background:var(--primary);height:100%;display:block}.report-note{align-items:center;gap:8px;line-height:1.8;display:flex}.empty-copy{text-align:center;color:var(--muted);padding:35px;font-size:13px}.reports-page .stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reports-page .stat strong{font-size:22px}dialog{border:1px solid var(--line);background:var(--surface-raised);width:min(480px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--on-surface);border-radius:18px;padding:25px;box-shadow:0 24px 100px #00000030}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19120c66}dialog.wide{width:min(720px,100vw - 32px)}.modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.modal-header h2{font-size:21px}.modal-actions{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:15px;padding-top:20px;display:flex}.entry-form>.segmented{margin-bottom:20px}.form-error{color:var(--error);font-size:12px}.notice{background:var(--tertiary-container);color:var(--on-tertiary-container);align-items:center;gap:12px;padding:14px 22px;font-size:12px;line-height:1.5;display:flex}.calendar-page>.notice{border-radius:10px;margin-bottom:15px}.notice>span{flex:1}.offline-banner{background:var(--primary-container);color:var(--on-primary-container);align-items:center;gap:9px;padding:10px 32px;font-size:11px;display:flex}.conflict-panel{background:var(--error-container);color:var(--on-error-container);padding:20px 30px}.conflict-item{border-top:1px solid color-mix(in srgb,var(--on-error-container) 15%,transparent);padding:13px 0}.conflict-item p{font-size:12px}.conflict-versions strong{font-size:11px}.conflict-versions{margin:15px 0}.toast{z-index:1000;background:var(--on-surface);color:var(--surface);border-radius:12px;align-items:center;gap:12px;max-width:calc(100vw - 30px);padding:9px 12px 9px 18px;font-size:12px;display:flex;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #00000030}.toast span{min-width:0;line-height:1.6}.toast .icon-button:hover{background:#ffffff20}.mobile-menu,.mobile-backdrop{display:none}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;display:flex}.loading-screen p,.loading-copy{color:var(--muted);font-size:13px}.login-page{background:var(--surface-raised);grid-template-columns:45% 55%;min-height:100vh;display:grid}.login-art{background:#dbbb9d;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.orbit{border:1px solid #774c3726;border-radius:50%;width:600px;height:600px;position:absolute}.orbit-one{transform:translate(-70px,20px)}.orbit-two{width:820px;height:820px;transform:translate(-70px,20px)}.art-clock{background:#f7e5ce;border:12px solid #e6ccaf;border-radius:50%;width:240px;height:240px;position:relative;transform:rotate(-12deg);box-shadow:15px 24px 60px #67422630,-15px -15px 60px #f4dccb50}.art-clock>span{border:1px dashed #845c3d50;border-radius:50%;position:absolute;inset:12px}.art-clock i,.art-clock b{transform-origin:bottom;background:#80593e;border-radius:10px;width:6px;height:67px;display:block;position:absolute;bottom:50%;left:calc(50% - 3px);transform:rotate(0)}.art-clock b{height:53px;transform:rotate(110deg)}.art-clock:after{content:"";background:#80593e;border-radius:50%;width:14px;height:14px;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px)}.art-caption{letter-spacing:-1px;color:#5e3925;flex-direction:column;font-size:25px;font-weight:600;display:flex;position:absolute;bottom:40px;left:42px}.art-caption>span{letter-spacing:0;margin-top:10px;font-family:Georgia,serif;font-size:15px;font-style:italic}.login-content{flex-direction:column;justify-content:space-between;min-width:0;padding:34px 50px;display:flex}.login-top{justify-content:space-between;align-items:center;display:flex}.login-top select{background:0 0;border:0;width:105px;font-size:11px}.login-card{width:100%;max-width:350px;margin:65px auto}.login-card>.eyebrow{margin-bottom:18px;display:block}.login-card h1{letter-spacing:-1.4px;font-size:38px;line-height:1.25}.login-card>.muted{margin:20px 0 30px;font-size:13px;line-height:1.8}.social-buttons{flex-direction:column;gap:10px;display:flex}.social-buttons .button{justify-content:center;min-height:45px}.provider-letter{font-size:17px;font-weight:750}.microsoft-mark{grid-template-columns:7px 7px;gap:2px;display:grid}.microsoft-mark i{background:var(--primary);width:7px;height:7px}.passkey-login{margin-top:22px}.passkey-login>.button{width:100%}.dev-login{border-top:1px solid var(--line);margin-top:25px}.dev-login summary{color:var(--muted);padding:17px 0;font-size:11px}.dev-login form{padding-top:8px}.dev-login form>.button{width:100%}.login-footer{text-align:center;color:var(--muted);font-size:10px}@media (width>=1600px){.calendar-scroll{height:640px}.main-shell main{padding-top:28px}.timers-panel{width:250px}.calendar-entry strong{font-size:11px}.calendar-entry span{font-size:10px}}@media (width<=1250px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.main-shell{width:calc(100% - 190px);margin-left:190px}.main-shell main{gap:18px;padding:20px 22px}.app-header{padding:12px 22px}.timers-panel{width:185px;padding:17px 12px}.calendar-filters{flex-wrap:wrap}.stat{gap:9px;padding:15px 11px}.stat-icon{border-radius:9px;width:31px;height:31px}.stat strong{font-size:20px}.stat .small{font-size:9px}.stats-row{gap:9px}.timers-panel .panel-heading h2{font-size:12px}.calendar-toolbar{align-items:flex-start}.calendar-filters{margin-left:auto}.calendar-filters select{max-width:130px}}@media (width<=1050px){.main-shell main.with-timers{flex-direction:column}.timers-panel{flex-wrap:wrap;align-items:flex-start;gap:14px;width:100%;margin:0;display:flex}.timers-panel .panel-heading{width:100%;margin-bottom:0}.timers-panel .panel-heading .count-pill{margin-left:0}.timer-empty{text-align:left;flex:1;grid-template-columns:45px 1fr;gap:0 13px;padding:10px 0;display:grid}.timer-empty .empty-orbit{grid-row:span 2;width:42px;height:42px;margin:0}.timer-empty .empty-orbit svg{width:23px}.timer-empty h3{align-self:end;margin-bottom:4px}.timer-empty p{max-width:330px}.timers-panel>.button{align-self:center;width:auto}.timer-note{display:none}.timer-card{width:210px;margin:0}.main-content{width:100%}.calendar-scroll{height:480px}.settings-page .inline-form{flex-wrap:wrap}}@media (width<=760px){h1{font-size:28px}.sidebar{width:230px;transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-backdrop{z-index:25;background:#0005;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:flex}.main-shell{width:100%;margin:0}.app-header{grid-template-columns:36px minmax(0,1fr) auto;gap:8px 9px;min-height:61px;padding:12px 15px;display:grid}.app-header h1{letter-spacing:-.4px;grid-area:1/2;font-size:18px}.app-header>.mobile-menu{grid-area:1/1}.app-header>.spacer{display:none}.header-utilities{grid-area:1/3;gap:6px}.header-actions{grid-area:2/2/auto/-1}.header-actions .button{min-height:36px;padding:8px 12px;font-size:11px}.sync-indicator>span{display:none}.main-shell main{gap:20px;padding:20px 16px}.stats-row{gap:7px;margin-bottom:23px}.stat{align-items:flex-start;gap:8px;padding:13px 10px}.stat-icon{display:none}.stat strong{letter-spacing:-.6px;font-size:20px}.stat .small{white-space:normal;font-size:8px;line-height:1.5}.stat>div{gap:8px}.calendar-toolbar{gap:12px}.calendar-filters{justify-content:space-between;width:100%;margin:0}.calendar-filters select{max-width:120px;font-size:10px}.calendar-frame{border-radius:9px}.calendar-day-head{grid-template-columns:48px repeat(var(--days),minmax(0,1fr))}.calendar-day-head>div{flex-direction:row;justify-content:center;gap:12px;padding:12px 0}.calendar-day-head .small{font-size:9px}.calendar-day-head>div>span:first-child{font-size:10px}.calendar-grid,.calendar-durations{grid-template-columns:48px repeat(var(--days),minmax(0,1fr))}.calendar-scroll{height:470px}.calendar-durations>div{flex-flow:wrap;align-items:center;min-height:37px}.calendar-durations>span{font-size:8px;line-height:1.5}.duration-badge{font-size:10px}.calendar-entry .entry-content{padding:8px 10px;font-size:11px}.entry-content strong{font-size:11px}.entry-content small{font-size:10px}.calendar-footer{font-size:8px;line-height:1.5}.calendar-footer>.spacer{min-width:8px}.timers-panel{padding:17px}.timer-card{width:calc(50% - 7px);min-width:140px}.timer-clock{font-size:24px}.timer-empty p{font-size:9px}.timer-empty h3{font-size:11px}.timers-panel>.button{width:100%}.panel{border-radius:12px;padding:19px}.client-card{padding:17px}.client-card>header{gap:9px}.client-avatar{width:35px;height:35px;font-size:10px}.client-card h2{font-size:14px}.client-card header>.button{padding:7px;font-size:9px}.project-row{flex-wrap:wrap;gap:8px}.project-row .button{padding:5px;font-size:9px}.project-row strong{font-size:11px}.rate-button{padding:3px;font-size:9px}.field-grid.three{grid-template-columns:1fr}.field-grid{gap:11px}.report-options{align-items:flex-start;gap:15px}.report-options fieldset{width:100%;padding:0}.report-options>.button{width:100%}.reports-page .stats-row{grid-template-columns:1fr 1fr}.reports-page .stat strong{font-size:20px}.report-results .panel-heading{flex-wrap:wrap}.export-buttons{gap:5px;width:100%}.export-buttons .button{flex:1;padding:7px;font-size:9px}.report-note{align-items:flex-start;font-size:10px}.inline-form{flex-direction:column;align-items:stretch}.inline-form label{width:100%}.member-row{gap:9px;font-size:11px}.audit-diff,.conflict-versions{grid-template-columns:1fr}.conflict-panel{padding:18px 16px}.conflict-panel>.panel-heading{flex-wrap:wrap}.conflict-panel .panel-heading>.button{width:100%}.notice{flex-wrap:wrap;padding:13px 16px;font-size:11px}.offline-banner{padding:10px 16px;font-size:10px}.toast{width:calc(100% - 24px);font-size:11px;bottom:12px}.login-page{display:block}.login-art{display:none}.login-content{min-height:100dvh;padding:27px 25px}.login-card{max-width:370px;margin:60px auto}.login-card h1{font-size:36px}.login-content .brand{font-size:27px}.modal-actions{gap:5px}.modal-actions .button{padding:10px 12px;font-size:11px}dialog{padding:21px}.color-presets{margin-top:12px}.settings-page code{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.entry-summary{background:var(--surface-muted);border-radius:9px;margin-top:9px;padding:14px;font-size:12px;line-height:1.7}.entry-summary strong{font-size:13px}.entry-summary p{overflow-wrap:anywhere;margin-top:5px}.skip-link{z-index:1100;background:var(--primary);color:var(--on-primary);border-radius:8px;padding:12px 18px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.duration-badge,.duration-add,.sync-indicator,.rate-button,.project-row .button{min-width:24px;min-height:24px}.day-surface:focus-visible,.entry-content:focus-visible{outline-offset:-3px}@media (forced-colors:active){.button,.segmented button,.calendar-entry{border:1px solid buttontext}.project-dot{background:canvastext}.resize-handle>span{background:buttontext}}.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}.menu-close{align-self:flex-end;margin-bottom:10px;display:none}@media (width<=760px){.menu-close{display:flex}}.segmented button.chosen{box-shadow:inset 0 0 0 1px var(--outline)}@media (width<=760px){.sync-indicator>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.calendar-frame{overflow-x:auto}.calendar-frame.week-view .calendar-day-head,.calendar-frame.week-view .calendar-durations,.calendar-frame.week-view .calendar-scroll{min-width:calc(var(--calendar-gutter,56px) + var(--days)*6rem)}.calendar-frame.week-view .calendar-day-head>div{flex-direction:column;gap:6px}.calendar-day-head strong{width:max-content;min-width:30px;height:auto;min-height:30px;padding:3px;line-height:1.3}@media (width<=760px){.calendar-frame{--calendar-gutter:48px}}[tabindex="0"]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.date-time-fields{align-content:start;gap:7px;min-width:0;margin-bottom:16px;display:grid}.date-time-fields legend{margin-bottom:7px}[aria-invalid=true]{border-color:var(--error)}