@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#080d11;--bg-raised:#0c1419;--panel:#101b21;--panel-strong:#13232a;--line:#20333b;--line-bright:#2e4a53;--text:#e6f0eb;--muted:#7f969b;--cyan:#71f5dc;--lime:#d6f872;--coral:#ff7b72;--violet:#a98bff;--blue:#71b7ff}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input:focus-visible,select:focus-visible{box-shadow:none;border-color:#71f5dcb8;outline:none}.app-shell{background-color:var(--bg);background-image:linear-gradient(#71f5dc04 1px,#0000 1px),linear-gradient(90deg,#71f5dc04 1px,#0000 1px);background-size:32px 32px;height:100vh;min-height:100vh;display:block;overflow:hidden}.auth-shell{background-color:var(--bg);background-image:linear-gradient(#71f5dc05 1px,#0000 1px),linear-gradient(90deg,#71f5dc05 1px,#0000 1px);background-size:32px 32px;place-items:center;min-height:100vh;padding:28px;display:grid}.auth-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080d11e0;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);width:min(820px,100%);display:grid;position:relative}.auth-panel:before{content:"";background:var(--cyan);width:92px;height:1px;box-shadow:0 0 18px var(--cyan);position:absolute;top:-1px;left:0}.auth-brand{flex-direction:column;justify-content:center;min-height:390px;padding:50px 54px 50px 6px;display:flex}.auth-brand-lockup{align-items:center;gap:15px;margin-top:12px;display:flex}.auth-brand h1{color:var(--text);letter-spacing:-.075em;margin:0;font-size:clamp(38px,6vw,64px);font-weight:600}.auth-brand-mark{width:clamp(43px,5.4vw,57px);height:clamp(43px,5.4vw,57px);color:var(--cyan);filter:drop-shadow(0 0 8px #71f5dc29);flex:none}.auth-brand>p:last-child{max-width:350px;color:var(--muted);margin:21px 0 0;font-size:14px;line-height:1.65}.auth-form{border-left:1px solid var(--line);align-self:center;gap:16px;padding:39px 0 39px 46px;display:grid}.auth-form-heading{color:var(--cyan);align-items:center;gap:9px;margin-bottom:5px;display:flex}.auth-form-heading h2{color:var(--text);letter-spacing:-.04em;margin:0;font-size:20px}.auth-form label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:7px;font-family:DM Mono,monospace;font-size:11px;display:grid}.auth-form input{border:1px solid var(--line);width:100%;color:var(--text);letter-spacing:0;text-transform:none;background:#091116;padding:11px 12px;font-family:Inter,sans-serif;font-size:14px}.auth-form input:focus{border-color:#71f5dcb8}.auth-error{color:var(--coral);margin:0;font-size:12px;line-height:1.45}.auth-submit{min-height:42px;margin-top:5px}.auth-loading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:11px;font-family:DM Mono,monospace;font-size:12px;display:flex}.auth-pulse{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 11px var(--cyan);border-radius:50%;animation:1.2s ease-in-out infinite auth-pulse}@keyframes auth-pulse{50%{opacity:.35;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.auth-pulse{animation:none}}.sidebar{z-index:10;border-right:1px solid var(--line);background:#080d11f5;flex-direction:column;width:245px;min-width:0;height:100vh;padding:30px 21px 25px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar>*,.main-nav,.sidebar-balance,.sidebar-footer{min-width:0}.sidebar:after{content:"";background:var(--cyan);width:1px;height:115px;box-shadow:0 0 18px var(--cyan);position:absolute;top:0;right:0}.brand-copy{align-items:center;gap:10px;min-width:0;margin-top:16px;display:flex}.brand-logo{width:30px;height:30px;color:var(--cyan);flex:none;place-items:center;display:grid}.brand-logo svg{filter:drop-shadow(0 0 7px #71f5dc24);width:30px;height:30px}.overclock-mark__dial,.overclock-mark__hour,.overclock-mark__minute,.overclock-mark__overrun{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:bevel}.overclock-mark__dial{stroke-width:2.4px}.overclock-mark__hour{stroke-width:2.15px}.overclock-mark__minute{stroke-width:2.35px}.overclock-mark__overrun{stroke:var(--lime);stroke-width:3.6px}.overclock-mark__pin{fill:var(--lime)}.brand-copy h1{color:var(--text);letter-spacing:-.06em;margin:0;font-size:25px;font-weight:600}.brand-cursor{color:var(--cyan)}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:12px}.main-nav{gap:5px;margin-top:65px;display:grid}.nav-item{width:100%;min-width:0;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:11px 10px;font-size:14px;transition:color .18s,background .18s,border-color .18s;display:flex}.nav-item:hover{color:var(--text);border-color:var(--line);background:#71f5dc0a}.nav-item.active{color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan);background:#71f5dc14}.nav-item kbd{color:#4f686e;background:0 0;margin-left:auto;font-family:DM Mono,monospace;font-size:11px}.nav-item.active kbd{color:var(--cyan)}.sidebar-footer{margin-top:auto}.sidebar-balance{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:11px;margin-top:42px;padding:17px 0 18px;display:grid}.sidebar-balance-heading,.sidebar-balance-row{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.sidebar-balance-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.sidebar-balance-heading span:last-child{color:#587177;font-size:10px}.sidebar-balance-row{color:#789198;font-size:12px}.sidebar-balance-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-balance-row strong{color:var(--text);white-space:nowrap;flex:none;font-family:DM Mono,monospace;font-size:12px;font-weight:400}.sidebar-balance-row strong.negative{color:var(--coral)}.sidebar-balance-row.vacation strong{color:var(--lime)}.signed-in-user{border-bottom:1px solid var(--line);gap:4px;margin-bottom:15px;padding-bottom:15px;display:grid}.signed-in-user span{color:#587177;letter-spacing:.07em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.signed-in-user strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.sync-status{min-width:0;color:var(--muted);align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:12px;display:flex}.sync-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sign-out-button{color:#587177;text-transform:uppercase;background:0 0;align-items:center;gap:8px;margin-top:16px;padding:7px 0;font-family:DM Mono,monospace;font-size:11px;display:flex}.sign-out-button:hover{color:var(--coral)}.status-dot{background:var(--lime);width:6px;height:6px;box-shadow:0 0 9px var(--lime);border-radius:50%}.status-dot.connected{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.content-area{width:auto;height:100vh;margin-left:245px;padding:30px 45px 60px;position:relative;overflow:hidden auto}.content-area.calendar-content-area{padding-top:0}@media (max-width:790px){.content-area.calendar-content-area{padding-top:16px}}.panel-heading,.section-heading,.view-section-heading{justify-content:space-between;align-items:flex-start;display:flex}.month-controls{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);width:35px;height:35px;color:var(--muted);background:#101b21cc;place-items:center;transition:all .18s;display:grid}.icon-button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.panel{box-shadow:none;background:0 0;border:0}.dashboard-grid{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,2.2fr) minmax(325px,.7fr);gap:0;display:grid}.calendar-card{border-right:1px solid var(--line);padding:22px 31px 27px}.panel-heading h3,.section-heading h3{color:var(--text);letter-spacing:-.06em;margin:7px 0 0;font-size:24px;font-weight:600}.today-button{border:1px solid var(--cyan);color:var(--cyan);background:#71f5dc14;padding:8px 12px;font-family:DM Mono,monospace;font-size:11px}.today-button:hover{background:var(--cyan);color:var(--bg)}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:#587177;text-transform:uppercase;margin-top:29px;padding-bottom:10px;font-family:DM Mono,monospace;font-size:12px}.calendar-weekdays span{padding-left:9px}.calendar-day{border:1px solid var(--line);outline-offset:-1px;min-width:0;height:auto;min-height:139px;color:var(--text);text-align:left;cursor:pointer;background:0 0;outline:1px solid #0000;flex-direction:column;align-items:flex-start;padding:14px;transition:background .18s,outline-color .18s;display:flex;position:relative}.calendar-day:hover{z-index:1;outline-offset:-1px;background:#71f5dc0f;outline:1px solid #71f5dc99}.calendar-day[draggable=true]{cursor:grab}.calendar-day[draggable=true]:active{cursor:grabbing}.calendar-day.drop-target{z-index:3;outline-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan);background:#71f5dc1a}.day-number{width:24px;height:24px;color:var(--muted);place-items:center;font-family:DM Mono,monospace;font-size:12px;display:grid}.today-number{background:var(--cyan);color:var(--bg);font-weight:500;box-shadow:0 0 13px #71f5dc47}.muted-day{opacity:.28}.selected-day,.selected-day:hover{z-index:2;outline:1px solid var(--lime);outline-offset:-1px;background:#d6f87214}.selected-day .day-number{color:var(--lime)}.selected-day .today-number{color:var(--bg)}.day-progress{overscroll-behavior:contain;background:#25373d;width:100%;height:11px;margin-top:8px;display:flex;overflow:visible}.day-project-line{cursor:col-resize;touch-action:none;background:0 0;border:0;border-right:2px solid #101b21;flex:none;height:100%;padding:0;display:block;position:relative;overflow:visible}.day-project-line:before{content:"";position:absolute;inset:-6px 0}.day-project-line>span{height:100%;transition:width .12s;display:block}.day-project-line:hover,.day-project-line:focus-visible{background:#31484f;outline:none}.day-project-line[data-dragging=true]{z-index:2;background:#31484f}.day-project-line:hover>span,.day-project-line:focus-visible>span{filter:brightness(1.18)}.day-target-line{background:#25373d;width:100%;height:100%;display:block}.day-project-hours{gap:3px;width:100%;margin-top:8px;display:grid}.day-project-hours-item{min-width:0;color:var(--muted);align-items:center;gap:5px;font-size:11px;line-height:1.2;display:flex}.day-project-hours-item i{flex:none;width:6px;height:6px;box-shadow:0 0 5px}.day-project-hours-item strong{color:var(--text);white-space:nowrap;margin-left:auto;font-family:DM Mono,monospace;font-size:11px;font-weight:400}.day-project-remove{color:#587177;background:0 0;border:1px solid #0000;place-items:center;width:19px;height:19px;margin-left:2px;padding:0;display:grid}.day-project-remove:hover,.day-project-remove:focus-visible{color:var(--coral);border-color:#ff7b728c;outline:none}.day-project-remove:disabled{cursor:not-allowed;opacity:.35}.day-total{color:var(--text);white-space:nowrap;margin-top:9px;font-family:DM Mono,monospace;font-size:12px}.day-total.over-target{color:#ff7b72d1}.clear-day-button{color:#587177;opacity:.72;background:0 0;border:1px solid #0000;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:9px;right:9px}.clear-day-button:hover,.clear-day-button:focus-visible{color:var(--coral);opacity:1;border-color:#ff7b728c}.clear-day-button:disabled{cursor:not-allowed;opacity:.3}.calendar-legend i{width:7px;height:7px;display:inline-block;box-shadow:0 0 5px}.calendar-legend{color:var(--muted);flex-wrap:wrap;gap:14px;padding-top:18px;font-size:13px;display:flex}.calendar-legend span{align-items:center;gap:6px;display:flex}.calendar-target-legend i{background:var(--cyan)}.calendar-legend small,.category-name small{color:var(--lime);font-family:DM Mono,monospace;font-size:12px}.calendar-context-menu{z-index:100;border:1px solid var(--line-bright);background:#0d1a20;width:230px;padding:12px;position:fixed;box-shadow:0 18px 40px #00000080}.calendar-context-heading{border-bottom:1px solid var(--line);color:var(--text);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:9px;font-family:DM Mono,monospace;font-size:11px;display:flex}.calendar-context-heading strong{color:var(--cyan);white-space:nowrap;font-size:10px;font-weight:400}.calendar-context-subtitle{color:var(--muted);margin-top:11px;font-family:DM Mono,monospace;font-size:11px}.calendar-context-projects{gap:3px;max-height:280px;margin-top:6px;display:grid;overflow-y:auto}.calendar-context-project{width:100%;min-height:34px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:9px;padding:7px 8px;font-size:13px;display:flex}.calendar-context-project:hover,.calendar-context-project:focus-visible{color:var(--cyan);background:#71f5dc1a;outline:none}.calendar-context-project:disabled{cursor:not-allowed;opacity:.5}.calendar-context-project i{flex:none;width:9px;height:9px;box-shadow:0 0 7px}.calendar-context-project small{color:var(--lime);margin-left:auto;font-family:DM Mono,monospace;font-size:10px}.day-card{padding:24px 23px 22px;position:relative;overflow:visible}.day-card .eyebrow{color:#668188}.day-card-topline{justify-content:space-between;align-items:center;display:flex}.day-total-large{color:var(--lime);margin-top:19px;font-family:DM Mono,monospace;font-size:24px}.day-total-large span{color:var(--muted);font-family:Inter,sans-serif;font-size:12px}.inline-entry-form{background:0 0;border-top:1px solid #29464e;border-bottom:1px solid #29464e;margin-top:20px;padding:16px 0}.form-kicker,.editor-heading{color:#668188;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:11px;display:flex}.inline-fields,.editor-fields{grid-template-columns:.55fr 1fr;gap:8px;display:grid}.inline-fields label{margin-top:0}.inline-fields+label{margin-top:13px}.inline-entry-form label,.entry-editor label{color:#789198;letter-spacing:.04em;text-transform:uppercase;gap:6px;margin-top:12px;font-family:DM Mono,monospace;font-size:11px;display:grid}.inline-entry-form input,.inline-entry-form select,.entry-editor input,.entry-editor select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);text-transform:none;letter-spacing:0;background:#091116;outline:none;padding:8px 9px;font-family:Inter,sans-serif;font-size:13px}.inline-entry-form input:focus,.inline-entry-form select:focus,.entry-editor input:focus,.entry-editor select:focus{border-color:#71f5dcb8}.styled-select,.styled-date-input{width:100%;display:block;position:relative}.styled-select-trigger{border:1px solid var(--line);width:100%;min-width:0;min-height:42px;color:var(--text);text-align:left;background:#091116;outline:none;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .18s;display:flex}.styled-select-trigger:hover,.styled-select.open .styled-select-trigger,.styled-select-trigger:focus{border-color:#71f5dcb8}.styled-select-trigger:focus-visible{box-shadow:none;outline:none}.styled-select-trigger svg{color:var(--cyan);flex:none;transition:transform .18s}.styled-select.open .styled-select-trigger svg{transform:rotate(180deg)}.styled-select-menu{z-index:30;border:1px solid var(--line-bright);background:#0d1a20;gap:2px;max-height:210px;padding:4px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #00000073}.styled-select-option{width:100%;min-height:38px;color:var(--muted);text-align:left;background:0 0;padding:9px 11px;font-size:12px}.styled-select-option:hover,.styled-select-option.selected{color:var(--cyan);background:#71f5dc1a}.styled-select-option.selected{box-shadow:inset 2px 0 0 var(--cyan)}.styled-date-input>input[type=text]{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#091116;outline:none;padding:8px 33px 8px 9px;font-family:Inter,sans-serif;font-size:13px}.styled-date-input>input[type=text]:focus{border-color:#71f5dcb8}.styled-date-input>button{border-left:1px solid var(--line);width:29px;height:calc(100% - 2px);color:var(--cyan);background:#101f25;place-items:center;display:grid;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.styled-date-input>button:hover{color:var(--text);background:#71f5dc1f}.styled-date-input>button:disabled{cursor:not-allowed;opacity:.4}.styled-date-input.disabled>input[type=text]{color:#5c7075;cursor:not-allowed}.date-picker-popover{z-index:20;border:1px solid var(--line-bright);background:#0d1a20;width:238px;padding:11px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 40px #00000073}.date-picker-header{grid-template-columns:27px 1fr 27px;align-items:center;gap:6px;display:grid}.date-picker-header strong{color:var(--text);text-align:center;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.date-picker-header button{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);background:#101f25;place-items:center;display:grid}.date-picker-header button:hover{border-color:var(--cyan);color:var(--cyan)}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.date-picker-weekdays{color:#668188;text-align:center;text-transform:uppercase;margin-top:12px;font-family:DM Mono,monospace;font-size:11px}.date-picker-grid{margin-top:5px}.date-picker-grid button{width:27px;height:27px;color:var(--text);background:0 0;border:1px solid #0000;place-items:center;font-family:DM Mono,monospace;font-size:11px;display:grid}.date-picker-grid button:hover{border-color:var(--cyan);color:var(--cyan);background:#71f5dc14}.date-picker-grid button.outside-month{color:#40565d}.date-picker-grid button.selected-date{border-color:var(--lime);color:var(--lime);background:#d6f8721f}.date-picker-grid button.today-date:not(.selected-date){border-color:var(--cyan);color:var(--cyan)}.date-picker-today{border-top:1px solid var(--line);width:100%;color:var(--cyan);text-transform:uppercase;background:0 0;margin-top:9px;padding:7px;font-family:DM Mono,monospace;font-size:11px}.date-picker-today:hover{color:var(--lime)}.inline-entry-form .primary-button{margin-top:14px}.day-limit-note{color:var(--coral);margin:12px 0 0;font-family:DM Mono,monospace;font-size:11px}.primary-button{color:var(--lime);background:#d6f8721f;border:1px solid #d6f87294;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.primary-button:hover{border-color:var(--lime);color:#e3ff8b;background:#d6f87233}.primary-button:disabled{cursor:not-allowed;opacity:.6}.full-width{width:100%}.day-entries{margin-top:20px}.editor-heading{border-bottom:1px solid var(--line);padding-bottom:10px}.entry-editor{border-bottom:1px solid var(--line);padding:13px 0}.entry-editor-title{align-items:center;gap:8px;display:flex}.entry-editor-title strong{color:var(--text);font-size:13px;font-weight:500}.entry-color{flex:none;width:7px;height:18px}.delete-button{color:#577077;opacity:.7;background:0 0;place-items:center;margin-left:auto;display:grid}.delete-button:hover{color:var(--coral)}.empty-state{color:#587177;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:89px;display:flex}.empty-state p{margin:0;font-size:12px}.summary-section{margin-top:22px;padding-top:0}.section-heading{align-items:center;margin-bottom:10px}.section-heading h3{font-size:20px}.export-button{color:var(--muted);background:0 0;align-items:center;gap:7px;padding:7px 0;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.export-button:hover{color:var(--cyan)}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.summary-card{border:0;border-left:1px solid var(--line);background:0 0;min-height:120px;padding:0 22px}.summary-card:first-child{border-left:0;padding-left:0}.summary-card.highlight,.summary-card.highlight:first-child{border-color:var(--line);background:0 0;border-left:0}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-family:DM Mono,monospace;font-size:12px;display:flex}.highlight .summary-label{color:var(--lime)}.summary-value{color:var(--text);letter-spacing:-.09em;margin-top:10px;font-family:DM Mono,monospace;font-size:clamp(23px,2.1vw,30px)}.summary-value.negative,.analytics-kpi strong.negative{color:var(--coral)}.summary-card p{color:var(--muted);margin:6px 0 0;font-size:13px}.balance-bar{background:#25373d;height:3px;margin-top:12px;overflow:hidden}.balance-bar span{background:var(--cyan);height:100%;display:block}.highlight .balance-bar span{background:var(--lime)}.vacation-summary{border-color:#d6f87245}.vacation-chip{color:var(--lime);border:1px solid #3a4e49;padding:0 5px;font-size:11px}.summary-unit{color:var(--muted);letter-spacing:0;margin-left:3px;font-family:Inter,sans-serif;font-size:12px}.vacation-dashes{flex-wrap:wrap;gap:3px;margin-top:12px;display:flex}.vacation-dashes i{background:#304148;width:7px;height:3px}.vacation-dashes i.remaining{background:var(--lime);box-shadow:0 0 6px #d6f8724d}.vacation-dashes i.used{background:var(--coral)}.negative-card{border-color:#ff7b7280}.view-section{margin-top:4px}.view-section-heading{align-items:center;margin-bottom:20px}.view-section-heading h3{color:var(--text);letter-spacing:-.07em;margin:7px 0 0;font-size:27px}.config-status{color:var(--lime);align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:12px;display:inline-flex}.range-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:11px;min-height:62px;margin-bottom:10px;padding:10px 0;display:flex}.range-tabs{flex-wrap:wrap;gap:3px;display:flex}.range-tabs button{color:var(--muted);background:0 0;padding:8px 11px;font-family:DM Mono,monospace;font-size:11px}.range-tabs button:hover{color:var(--text);background:#71f5dc0f}.range-tabs button.selected{background:var(--cyan);color:var(--bg)}.date-range-inputs{align-items:center;gap:8px;padding-right:4px;display:flex}.date-range-inputs-hidden{visibility:hidden;pointer-events:none}.date-range-inputs label,.work-start-setting{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:5px;font-family:DM Mono,monospace;font-size:11px;display:grid}.date-range-inputs input,.work-start-setting input{border:1px solid var(--line);min-width:132px;color:var(--text);background:#091116;padding:7px 8px;font-family:Inter,sans-serif;font-size:13px}.date-range-inputs>span{color:#577077;padding-top:14px;font-family:DM Mono,monospace;font-size:11px}.range-hint{color:#5f777e;margin:0 0 16px;font-size:11px}.analytics-kpis{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0;display:grid}.analytics-kpi{border:0;border-left:1px solid var(--line);background:0 0;min-height:88px;padding:0 22px}.analytics-kpi:first-child{border-left:0;padding-left:0}.analytics-kpi.accent,.analytics-kpi.accent:first-child{border-color:var(--line);background:0 0;border-left:0}.analytics-kpi span,.analytics-kpi small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-family:DM Mono,monospace;font-size:12px;display:block}.analytics-kpi strong{color:var(--cyan);margin-top:14px;font-family:DM Mono,monospace;font-size:27px;font-weight:500;display:block}.analytics-kpi small{color:#779097;text-transform:none;letter-spacing:0;margin-top:8px;font-family:Inter,sans-serif;font-size:11px}.analytics-primary-grid{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);display:grid}.weekday-pattern-card,.balance-chart-card{min-width:0;padding:22px 0 24px}.balance-chart-card{border-left:1px solid var(--line);padding-left:25px}.weekday-pattern-card .chart-note{margin:22px 18px 0 0}.weekday-pattern-chart{align-items:stretch;gap:clamp(10px,3vw,25px);height:245px;margin-top:20px;padding:0 5px 20px;display:flex}.weekday-pattern-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:24px;display:flex}.weekday-pattern-value{min-height:15px;color:var(--muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.weekday-pattern-track{background:#15272d;align-items:flex-end;width:min(100%,36px);height:150px;display:flex;overflow:hidden}.weekday-pattern-track span{background:var(--cyan);width:100%;transition:height .2s;display:block}.weekday-pattern-column:nth-child(2n) .weekday-pattern-track span{background:var(--violet)}.weekday-pattern-column small{color:#779097;font-family:DM Mono,monospace;font-size:11px}.weekday-pattern-column em{color:#587177;font-family:DM Mono,monospace;font-size:10px;font-style:normal}.analytics-empty{color:#587177;place-items:center;min-height:220px;margin:0;font-size:13px;display:grid}.trajectory-value{color:var(--cyan);font-family:DM Mono,monospace;font-size:13px}.trajectory-value.negative{color:var(--coral)}.balance-chart-wrap{margin-top:0}.balance-chart{width:100%;height:205px;display:block;overflow:visible}.balance-zero-line{stroke:var(--line-bright);stroke-width:1px;stroke-dasharray:4 5}.balance-line{fill:none;stroke:var(--cyan);stroke-linecap:square;stroke-linejoin:bevel;stroke-width:2px}.balance-point{fill:var(--bg);stroke:var(--cyan);stroke-width:2px}.balance-chart-labels{color:#587177;justify-content:space-between;font-family:DM Mono,monospace;font-size:10px;display:flex}.analytics-secondary-grid{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));display:grid}.analytics-secondary-grid>article{min-width:0;padding:22px 25px 24px 0}.analytics-secondary-grid>article+article{border-left:1px solid var(--line);padding-left:25px}.analytics-secondary-grid .category-card{border-left:0;padding-left:0}.analytics-secondary-grid .category-breakdown{gap:13px;margin-top:20px}.analytics-secondary-grid .analytics-export{margin-top:20px}.consistency-percent{color:var(--cyan);font-family:DM Mono,monospace;font-size:13px;font-weight:400}.consistency-meter,.vacation-meter{background:#1d3036;height:5px;margin-top:27px;overflow:hidden}.consistency-meter span{background:var(--cyan);height:100%;transition:width .2s;display:block}.consistency-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px;margin-top:23px;display:grid}.consistency-stats div{gap:4px;display:grid}.consistency-stats strong{color:var(--text);font-family:DM Mono,monospace;font-size:19px;font-weight:400}.consistency-stats span,.vacation-analytics-meta,.analytics-card-note{color:#779097;font-size:11px}.consistency-stats span{text-transform:uppercase;font-family:DM Mono,monospace}.vacation-meter span{background:var(--lime);height:100%;transition:width .2s;display:block}.vacation-analytics-meta{justify-content:space-between;margin-top:10px;font-family:DM Mono,monospace;display:flex}.analytics-card-note{margin:24px 0 0;line-height:1.45}.analytics-columns{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);display:grid}.chart-card,.category-card{box-shadow:none;background:0 0;border:0;padding:23px 0}.chart-card{padding-right:25px}.category-card{border-left:1px solid var(--line);padding-left:25px}.settings-panel{padding:23px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h3{color:var(--text);letter-spacing:-.06em;margin:7px 0 0;font-size:19px}.chart-note{color:var(--muted);font-family:DM Mono,monospace;font-size:12px}.bar-chart{align-items:flex-end;gap:clamp(9px,3vw,25px);height:225px;padding:22px 5px 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:24px;height:100%;display:flex}.bar-value{min-height:15px;color:var(--muted);font-family:DM Mono,monospace;font-size:12px}.bar-track{background:#182a30;align-items:flex-end;width:100%;max-width:32px;height:150px;display:flex;overflow:hidden}.bar-track span{background:var(--cyan);width:100%;transition:height .25s;display:block}.bar-column:nth-child(2n) .bar-track span{background:var(--violet)}.bar-column:last-child .bar-track span{background:var(--lime)}.bar-column small{color:#779097;font-family:DM Mono,monospace;font-size:11px}.category-breakdown{gap:17px;margin-top:25px;display:grid}.category-breakdown-row{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;display:grid}.category-name{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.category-name i{width:7px;height:7px}.category-breakdown-row strong{color:var(--text);font-family:DM Mono,monospace;font-size:13px;font-weight:500}.category-progress{background:#1d3036;grid-column:1/-1;height:4px;overflow:hidden}.category-progress span{height:100%;display:block}.analytics-export{margin-top:27px}.settings-layout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:0;display:grid}.settings-panel{min-height:290px;padding:23px 25px 23px 0}.projects-panel{border-left:1px solid var(--line);padding-left:25px}.settings-panel>.card-heading>svg{color:var(--cyan)}.settings-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:27px;display:grid}.setting-slider-field{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-rows:15px auto 17px;gap:9px;font-family:DM Mono,monospace;font-size:12px;display:grid}.setting-slider-label{color:var(--muted);font:inherit;line-height:15px}.setting-slider-field .hour-slider-readout output{letter-spacing:-.06em;font-size:18px}.setting-slider-note,.setting-slider-field>span:not(.setting-slider-label){color:#587177;text-transform:none;letter-spacing:0;font-family:Inter,sans-serif;font-size:12px;line-height:17px}.workday-setting{margin-top:26px}.settings-secondary-grid .workday-setting{margin-top:0}.setting-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:DM Mono,monospace;font-size:12px;display:block}.weekday-picker{gap:6px;display:flex}.weekday-toggle{border:1px solid var(--line);width:44px;height:34px;color:var(--muted);background:#0a1419;place-items:center;font-family:DM Mono,monospace;font-size:11px;transition:all .18s;display:grid;position:relative}.weekday-toggle:hover{border-color:var(--cyan);color:var(--text)}.weekday-toggle.selected{border-color:var(--lime);color:var(--lime);background:#d6f8721a;box-shadow:0 0 10px #d6f87217}.weekday-full-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.settings-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px;display:grid}.work-start-setting{margin-top:0;display:block}.settings-secondary-grid .work-start-setting .styled-date-input{margin-top:0}.settings-secondary-grid .work-start-setting>.setting-note{margin-top:12px;display:block}.work-start-setting>input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#091116;outline:none;padding:8px 9px;font-family:Inter,sans-serif;font-size:13px}.work-start-setting>input:focus{border-color:#71f5dcb8}.work-start-setting .hour-slider{gap:4px}.work-start-setting .hour-slider input[type=range]{height:28px}.work-start-setting .hour-slider-readout output{font-size:13px}.work-start-setting>.setting-note{color:#587177;text-transform:none;letter-spacing:0;font-family:Inter,sans-serif;font-size:12px}.work-start-setting .styled-date-input>button svg{display:block}.project-count{color:var(--lime);font-family:DM Mono,monospace;font-size:11px}.project-list{gap:7px;margin-top:21px;display:grid}.project-config-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto 25px;align-items:center;gap:8px;padding:7px 0;display:grid}.project-config-row .styled-color-input{place-self:center start;width:22px;height:22px}.styled-color-input{place-self:center;place-items:center;width:28px;height:28px;display:grid;position:relative}.color-trigger{border:1px solid var(--line-bright);cursor:pointer;background:#0a1419;place-items:center;width:22px;height:22px;padding:0;line-height:0;display:grid}.color-trigger>span{width:12px;height:12px;margin:0;display:block;box-shadow:0 0 7px}.styled-color-input.open .color-trigger,.color-trigger:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 2px #71f5dc29}.color-picker-popover{z-index:30;border:1px solid var(--line-bright);background:#0d1a20;gap:10px;width:174px;padding:11px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 40px #00000073}.color-picker-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.color-picker-palette{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.color-swatch{border:1px solid var(--line);background:#0a1419;place-items:center;width:29px;height:29px;display:grid}.color-swatch>span{width:15px;height:15px}.color-swatch:hover,.color-swatch.selected{border-color:var(--cyan);background:#71f5dc1a}.project-name-input{width:100%;min-width:0;color:var(--text);background:0 0;border:1px solid #0000;padding:7px 8px;font-size:13px}.project-name-input:focus{background:#0a1419;border-color:#71f5dc8c;outline:none}.vacation-toggle,.new-vacation-check{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}.vacation-toggle input,.new-vacation-check input{appearance:none;border:1px solid var(--line-bright);cursor:pointer;background:#091116;width:13px;height:13px;margin:0;position:relative}.vacation-toggle input:checked,.new-vacation-check input:checked{border-color:var(--lime);background:var(--lime)}.vacation-toggle input:checked:after,.new-vacation-check input:checked:after{content:"";border:2px solid #0b171c;border-width:0 2px 2px 0;width:3px;height:6px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.vacation-toggle.selected{color:var(--lime)}.delete-project{color:#587177;background:0 0;border:1px solid #0000;width:25px;height:25px;font-size:16px}.delete-project:hover{border-color:var(--coral);color:var(--coral)}.add-project-form{grid-template-columns:28px minmax(0,1fr) auto 28px;align-items:center;gap:8px;margin-top:17px;display:grid}.add-project-form>.styled-color-input{justify-self:start;width:22px}.add-project-form>input{border:1px solid var(--line);min-width:0;color:var(--text);background:#0a1419;outline:none;padding:8px 9px;font-size:13px}.add-project-form>input:focus{border-color:#71f5dcb8}.new-vacation-check{overflow:hidden}.small-add-button{border:1px solid var(--cyan);width:28px;height:28px;color:var(--cyan);background:#71f5dc14;place-items:center;display:grid}.small-add-button:hover{background:var(--cyan);color:var(--bg)}.project-message{color:var(--lime);margin:12px 0 0;font-family:DM Mono,monospace;font-size:11px}.settings-footnote{color:#587177;margin:12px 0 0;font-size:12px;line-height:1.45}.hour-slider{overscroll-behavior:contain;gap:7px;width:100%;display:grid}.hour-slider-readout{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hour-slider-readout output{color:var(--cyan);font-family:DM Mono,monospace;font-size:14px;font-weight:500}.hour-slider-readout span{color:#587177;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-family:DM Mono,monospace;font-size:10px}.hour-slider input[type=range]{appearance:none;cursor:col-resize;background:0 0;border:0;outline:none;width:100%;height:30px;margin:0;padding:0}.hour-slider input[type=range]:disabled{cursor:not-allowed;opacity:.38}.hour-slider input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--line-bright);background:#182a30;height:6px}.hour-slider input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--cyan);background:var(--bg);width:16px;height:16px;box-shadow:inset 0 0 0 2px var(--bg), 0 0 8px #71f5dc47;border-radius:0;margin-top:-6px}.hour-slider input[type=range]::-moz-range-track{border:1px solid var(--line-bright);background:#182a30;height:6px}.hour-slider input[type=range]::-moz-range-progress{background:var(--cyan);height:6px}.hour-slider input[type=range]::-moz-range-thumb{border:2px solid var(--cyan);background:var(--bg);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--bg), 0 0 8px #71f5dc47;border-radius:0}.hour-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #71f5dc33, 0 0 0 3px var(--cyan)}.hour-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #71f5dc33, 0 0 0 3px var(--cyan)}.month-title{align-items:baseline;gap:8px;display:flex}.month-title .eyebrow{margin:0;font-size:18px}@media (max-width:1150px){.sidebar{width:205px}.content-area{width:auto;margin-left:205px;padding:28px 28px 50px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr)}.calendar-card{padding:27px 24px 23px}.calendar-day{min-height:126px;padding:12px 9px}.analytics-primary-grid,.analytics-columns{grid-template-columns:1fr}.analytics-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-chart-card{border-top:1px solid var(--line);border-left:0;padding-left:0}.analytics-secondary-grid>article{padding-right:0}.analytics-secondary-grid>article+article{padding-left:20px}.analytics-secondary-grid>article:nth-child(3){border-top:1px solid var(--line);border-left:0;padding-left:0}.settings-layout{grid-template-columns:1fr}.category-card{border-top:1px solid var(--line);border-left:0;padding-left:0}.chart-card{padding-right:0}.settings-panel{padding:23px 0}.projects-panel{border-top:1px solid var(--line);border-left:0;padding-left:0}}@media (max-width:790px){.auth-panel{grid-template-columns:1fr;width:min(470px,100%)}.auth-brand{min-height:0;padding:42px 24px 30px}.auth-brand h1{font-size:42px}.auth-form{border-top:1px solid var(--line);border-left:0;padding:30px 24px 42px}.app-shell{height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;height:auto;min-height:auto;padding:14px 17px;display:grid;position:relative;inset:auto;overflow:visible}.sidebar:after{width:65px;height:1px;inset:auto auto -1px 17px}.brand-copy{gap:7px;margin-top:0}.brand-logo,.brand-logo svg{width:26px;height:26px}.brand-copy h1{font-size:18px}.brand-copy .eyebrow,.signed-in-user,.sync-status{display:none}.sidebar-footer{margin:0;display:block}.sidebar-balance{display:none}.sign-out-button{place-items:center;width:34px;height:34px;margin:0;padding:0;display:grid}.sign-out-button span{display:none}.main-nav{gap:3px;margin:0;display:flex}.nav-item{width:auto;padding:8px}.nav-item span,.nav-item kbd{display:none}.content-area{width:auto;height:auto;margin-left:0;padding:24px 14px 35px;overflow:visible}.dashboard-grid{grid-template-columns:1fr}.calendar-card{border-right:0}.day-card{border-top:1px solid var(--line);border-left:0;min-height:0;padding:24px 0 22px}.calendar-weekdays span{padding-left:4px}.calendar-day{min-height:113px;padding:10px 6px}.day-total{font-size:11px}.calendar-legend{gap:9px}.summary-grid,.analytics-kpis,.analytics-secondary-grid{grid-template-columns:1fr}.summary-card,.summary-card:first-child,.analytics-kpi,.analytics-kpi:first-child{border-left:0;border-top:1px solid var(--line);min-height:0;padding:18px 0}.summary-card:first-child,.analytics-kpi:first-child{border-top:0}.section-heading{align-items:flex-start;gap:12px}.analytics-secondary-grid>article,.analytics-secondary-grid>article+article,.analytics-secondary-grid>article:nth-child(3){border-top:1px solid var(--line);border-left:0;padding-left:0;padding-right:0}.analytics-secondary-grid>article:first-child{border-top:0}.settings-slider-grid,.settings-secondary-grid{grid-template-columns:1fr;gap:20px}.range-toolbar{align-items:stretch}.date-range-inputs{padding:2px 0 0}}@media (max-width:430px){.calendar-card{padding:22px 12px 19px}.panel-heading h3{font-size:21px}.month-controls{gap:4px}.icon-button{width:32px;height:32px}.today-button{padding:7px 9px}.calendar-day{min-height:104px;padding:9px 5px}.chart-card,.category-card,.settings-panel{padding:19px 0}.range-toolbar{padding:10px 0}.range-tabs button{padding:8px}.date-range-inputs{justify-content:space-between;width:100%}.date-range-inputs input{width:122px;min-width:0}.project-config-row{grid-template-columns:26px minmax(0,1fr) 77px 22px;gap:5px}.project-config-row .vacation-toggle span,.new-vacation-check{font-size:0}.project-config-row .vacation-toggle span:after,.new-vacation-check:after{content:"VAC";font-size:11px}.add-project-form{grid-template-columns:28px minmax(0,1fr) 42px 28px;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}