@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f7fb;--white:#fff;--ink:#1c2438;--muted:#727a8c;--line:#e9ecf3;--blue:#244dff;--blue-soft:#eef2ff;--radius:18px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #94a9ff;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.clock,.month-total{font-family:Manrope,sans-serif}h1{font-size:clamp(1.7rem,2.4vw,2.15rem);letter-spacing:-1.1px;font-weight:800;line-height:1.3}h2{font-size:1.075rem;font-weight:750}h3{font-size:1rem}p{line-height:1.6}.muted{color:var(--muted);font-size:.875rem}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:white;border-right:1px solid var(--line);padding:36px 23px;display:flex;flex-direction:column;z-index:10}.brand{display:grid;grid-template-columns:40px 1fr;gap:0 10px;align-items:center;text-decoration:none;font-weight:800;font-size:2rem;letter-spacing:-1.5px;color:var(--ink);line-height:1.2}.brand img{grid-row:span 2}.brand span{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.05px;color:var(--muted);font-weight:650}.nav-label{color:#9299a9;font-size:.6875rem;font-weight:700;letter-spacing:1.8px;margin:51px 16px 17px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:none;padding:15px 17px;text-align:left;border-radius:10px;color:#697286;font-size:.9rem;font-weight:550}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:700}.nav-item:hover{background:#f3f5fb}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.sidebar-bottom{margin-top:auto}.storage{font-size:.75rem;color:var(--muted);display:flex;gap:8px;align-items:center;padding:20px 4px}.dot{height:6px;width:6px;border-radius:100%;background:#2aa680}.profile{border-top:1px solid var(--line);padding-top:23px;display:flex;gap:11px;align-items:center}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f0edff;color:#7161b3;font-size:.85rem;font-weight:700}.profile strong{display:block;font-size:.8125rem;max-width:142px;overflow-wrap:anywhere}.profile small{color:var(--muted);font-size:.6875rem}.workspace{margin-left:246px}.topbar{height:82px;background:#ffffffba;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--muted)}.topbar strong{color:#394358;font-weight:500}.slash{padding:0 17px;color:#c8ced9}.top-date{text-transform:capitalize}.mobile-brand{display:none}main{padding:37px 44px 24px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:.625rem;letter-spacing:2px;color:#8790a4;font-weight:700;margin-bottom:9px}.page-heading p{font-size:.875rem;color:var(--muted);margin-top:8px}.button{border:1px solid transparent;border-radius:9px;padding:12px 17px;min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:600;font-size:.875rem;white-space:nowrap}.primary{background:var(--blue);color:white}.primary:hover{background:#173de2}.secondary{background:white;border-color:#e1e5ee;color:#45516a;box-shadow:0 2px 2px #24334d03}.secondary:hover{background:#f8faff}.danger{background:#c83949;color:white}.primary-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:23px}.clock-card{background:#192947;color:#fff;border-radius:var(--radius);padding:25px 28px 0;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 95% 0,#294576 0,transparent 64%)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.overline{font-size:.625rem;font-weight:600;letter-spacing:1.6px;color:#b7c6de}.status-pill{border:1px solid #ffffff25;background:#ffffff0a;border-radius:20px;padding:5px 10px;font-size:.6875rem;color:#d3dceb;white-space:nowrap}.status-pill.running{background:#23584e;color:#c1f4df;border-color:#7adbba33}.clock{font-size:clamp(2.9rem,4.3vw,4.2rem);font-weight:500;letter-spacing:-2px;margin-top:22px;line-height:1.1;font-variant-numeric:tabular-nums}.clock span{color:#8b9fbf;font-size:.68em;letter-spacing:-1px}.clock-date{color:#b1c0d9;font-size:.8125rem;margin:10px 0 23px;text-transform:capitalize}.clock-actions{display:flex;gap:10px}.clock-actions .primary{flex:1;background:#4c70ff;box-shadow:0 4px 15px #0001}.outline-light{color:#e9efff;border-color:#ffffff35;background:#ffffff0a}.clock-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff13;margin:24px -28px 0;padding:17px 28px;background:#0e1d341f;color:#90a5c4;font-size:.6875rem;gap:8px}.clock-footer strong{display:block;color:#e8edf7;font-size:.8125rem;font-weight:500;margin-top:5px;font-variant-numeric:tabular-nums}.month-card{padding:25px 28px 20px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.soft-icon{width:32px;height:32px;background:#f4f6fc;border-radius:9px;display:grid;place-items:center;color:#8590ad}.month-card>.muted{display:block;margin-top:2px;text-transform:capitalize}.month-total{display:flex;align-items:baseline;gap:10px;margin:14px 0 18px;font-weight:750;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.month-total>span{font-size:2.55rem}.month-total small{font-size:1.2rem;letter-spacing:-.5px;color:#9aa1b0;font-weight:500}.goal-label{display:flex;justify-content:space-between;font-size:.75rem;color:#7e879a;margin-bottom:10px}.goal-label strong{color:var(--blue)}.progress-track{background:#edf0f8;height:7px;border-radius:6px;overflow:hidden}.progress-track>div{background:var(--blue);height:100%;width:0;transition:width .5s}.month-card>p{font-size:.75rem;margin-top:9px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:19px;padding-top:17px;gap:8px}.mini-stats>div+div{border-left:1px solid var(--line);padding-left:17px}.mini-stats strong{display:block;font-size:1.1rem;font-weight:600;letter-spacing:-.5px}.mini-stats span{display:block;font-size:.6875rem;color:var(--muted);margin-top:5px}.activity-card,.records-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;margin-top:23px;padding:24px 28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading p{margin-top:5px;font-size:.75rem}.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.6875rem}.legend span{width:7px;height:7px;border-radius:2px;background:var(--blue)}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:24px;align-items:end}.chart-day{text-align:center;color:#9199ab;font-size:.6875rem}.bar-space{height:89px;background:repeating-linear-gradient(to top,transparent 0,transparent 28px,#f1f3f8 29px,#f1f3f8 30px);display:flex;align-items:end;justify-content:center}.chart-bar{background:#dce4ff;border-radius:5px 5px 0 0;width:min(45px,70%);min-height:3px;position:relative}.chart-day.today .chart-bar{background:var(--blue)}.chart-day strong{display:block;color:#7987a4;font-weight:500;font-size:.6875rem;margin-bottom:8px;min-height:15px}.chart-day>span{display:block;margin-top:10px}.chart-day.today>span{color:var(--blue);font-weight:700}.text-button{background:none;border:0;color:var(--blue);font-size:.8125rem;font-weight:600;padding:8px 0}.text-button span{margin-left:10px}.empty-state{text-align:center;padding:38px 16px;color:#929cb1}.empty-state>.icon{width:28px;height:28px;margin-bottom:12px}.empty-state h3{color:#64708a;font-weight:600;margin-bottom:7px;font-size:.9rem}.empty-state p{font-size:.8125rem}.page-footer{display:flex;justify-content:space-between;gap:15px;margin-top:26px;color:#9ca3b1;font-size:.6875rem}.page-footer>span:first-child{font-size:.625rem;letter-spacing:.7px}.footer-divider{margin:0 10px;color:#d3d8e1}.records-card{padding-bottom:8px}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:.8125rem;white-space:nowrap;text-align:left}th{font-size:.625rem;text-transform:uppercase;letter-spacing:.8px;color:#9199ac;font-weight:600;background:#fafbfe;padding:13px 12px}td{padding:16px 12px;border-bottom:1px solid #f0f2f7;color:#5e6b82}tbody tr:last-child td{border-bottom:0}.date-cell strong{display:block;color:#344158;font-weight:600}.date-cell small{display:block;color:#929bad;font-size:.6875rem;margin-top:3px}.badge{font-size:.6875rem;padding:5px 9px;display:inline-block;border-radius:5px;background:#eaf7f2;color:#36846c}.badge.open{background:#fff4df;color:#ad7b22}.badge.deleted{background:#fff0f1;color:#b75362}.icon-button{border:1px solid var(--line);border-radius:7px;background:white;color:#8a94a7;width:34px;height:34px;display:inline-grid;place-items:center;margin:1px;font-size:1.35rem}.icon-button:hover{background:var(--blue-soft);color:var(--blue)}.icon-button .icon{width:16px;height:16px}.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;align-items:end}.toolbar-group{display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:#536078;font-weight:500}input,select,textarea{width:100%;border:1px solid #dce1ed;border-radius:8px;min-height:44px;padding:10px 12px;color:#344158;background:white;font-size:.875rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #244dff13}textarea{resize:vertical}.toolbar input,.toolbar select{width:auto;max-width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.span-two{grid-column:span 2}.form-hint{font-size:.8125rem;color:var(--muted);margin-top:17px}.form-error{color:#b73547;font-size:.875rem;margin-top:14px}.form-error:empty{display:none}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}dialog{border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 100px #19294735;padding:28px;width:min(560px,calc(100% - 30px));color:var(--ink);max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#17233e70;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:1.3rem}.dialog-heading .eyebrow{margin-bottom:5px}.toast{position:fixed;right:28px;bottom:24px;background:#192947;color:#fff;padding:15px 23px;border-radius:12px;box-shadow:0 6px 30px #19294725;z-index:30;font-size:.875rem;max-width:calc(100% - 32px)}.toast.error{background:#b63848}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0}.report-stat{padding:22px;background:white;border:1px solid var(--line);border-radius:13px}.report-stat>span{font-size:.75rem;color:var(--muted)}.report-stat strong{display:block;font-size:1.6rem;margin-top:10px;letter-spacing:-1px}.report-stat small{display:block;font-size:.75rem;margin-top:7px;color:#9199a8}.info-banner{background:var(--blue-soft);color:#596eaa;font-size:.8125rem;padding:15px 18px;border-radius:9px;margin-top:16px;line-height:1.6}.settings-panel{max-width:780px}.settings-panel h2{margin-bottom:6px}.settings-panel+.settings-panel{margin-top:22px}.days-picker{display:flex;flex-wrap:wrap;gap:8px}.day-option{display:flex;flex-direction:row;align-items:center;gap:7px;background:#f6f8fd;padding:10px;border-radius:8px;font-size:.8125rem}.day-option input{width:16px;min-height:16px;accent-color:var(--blue)}.settings-actions{margin-top:24px;display:flex;align-items:center;gap:15px}.history-item{border-bottom:1px solid var(--line);padding:18px 0;font-size:.875rem;overflow-wrap:anywhere}.history-item p{margin-top:6px;color:var(--muted)}.history-item small{color:#939bad;font-size:.75rem}.history-details{font-size:.8125rem;margin-top:8px;color:#6b768b}.note-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis}.table-total{font-size:.875rem;text-align:right;padding:18px;color:#53647f}.negative{color:#b97938!important}.positive{color:#218970!important}.loading-error{padding:14px;background:#fff0f1;border-radius:10px;color:#ae3f50;margin-bottom:20px;font-size:.875rem}.page-count{color:var(--muted);font-size:.8125rem}.audit-list{margin-top:16px}
@media(min-width:1500px){main{padding-top:45px}.clock-card{padding-top:30px}.clock{margin-top:30px}.clock-footer{margin-top:30px}.activity-card{margin-top:26px}.bar-space{height:110px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 16px}.workspace{margin-left:210px}.topbar{padding:0 28px}main{padding:28px}.primary-grid{gap:16px}.clock-card{padding:23px 22px 0}.clock-footer{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.month-card{padding:23px 22px}.mini-stats>div+div{padding-left:10px}.mini-stats span{font-size:.625rem}.report-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{width:78px;padding:27px 12px}.brand{display:flex}.brand img{width:38px;height:38px}.brand{font-size:0}.brand span,.nav-label,.sidebar-bottom{display:none}.sidebar nav{margin-top:40px}.nav-item{font-size:0;gap:0;padding:16px;justify-content:center}.nav-item .icon{width:21px;height:21px}.workspace{margin-left:78px}.page-heading{align-items:flex-start}.page-heading .button{font-size:.75rem;padding:12px}.primary-grid{grid-template-columns:1fr 1fr}.clock{font-size:3.05rem}.month-total>span{font-size:2.2rem}.mini-stats{gap:5px}.mini-stats strong{font-size:.95rem}.mini-stats>div+div{padding-left:8px}.month-card,.clock-card{padding-left:20px;padding-right:20px}.clock-actions{flex-wrap:wrap}.clock-actions .button{padding:11px 12px}}
@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:72px;padding:5px 10px max(5px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line)}.brand{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.nav-item{flex-direction:column;gap:5px;font-size:.625rem;padding:8px 2px;border-radius:9px}.nav-item .icon{width:21px;height:21px}.workspace{margin-left:0}.topbar{height:62px;padding:0 20px}.topbar>span:first-child{display:none}.mobile-brand{display:block;order:-1;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px;font-size:1.5rem;color:var(--ink)}.top-date{font-size:.6875rem}main{padding:25px 18px 95px}.page-heading{margin-bottom:23px;flex-wrap:wrap;gap:16px}.eyebrow{font-size:.5625rem}h1{font-size:1.65rem}.page-heading p{font-size:.8125rem;max-width:300px}.page-heading .button{font-size:.8125rem;padding:10px 14px}.primary-grid{grid-template-columns:1fr;gap:18px}.clock-card{padding:24px 24px 0}.clock{font-size:3.8rem;margin-top:24px}.clock-date{margin-bottom:22px}.clock-footer{padding:18px 24px;margin:23px -24px 0}.month-card{padding:23px 24px}.mini-stats span{font-size:.6875rem}.mini-stats strong{font-size:1.1rem}.activity-card,.records-card,.panel{padding:21px 18px;margin-top:18px;border-radius:14px}.section-heading{gap:8px}.section-heading h2{font-size:1rem}.section-heading p{font-size:.6875rem}.legend{font-size:.625rem;max-width:82px;line-height:1.5}.week-chart{gap:8px;margin-top:24px}.page-footer{flex-direction:column;font-size:.625rem;gap:8px}.table-wrap{margin:17px -18px 0;padding:0 8px}th{padding:12px 9px}td{padding:15px 9px}.report-stat{padding:18px 14px}.report-stat strong{font-size:1.3rem}.report-stats{gap:10px}.toolbar-group{gap:10px;width:100%}.toolbar-group label{flex:1}.toolbar input,.toolbar select{width:100%;min-width:0}.toolbar>.button{width:100%}.form-grid{gap:16px}.form-grid label{min-width:0;font-size:.8125rem}.form-grid input{padding:10px 7px;font-size:.8125rem}dialog{padding:23px 18px}.dialog-heading h2{font-size:1.2rem}.toast{bottom:87px;right:16px}.clock-actions{flex-wrap:nowrap}}
.auth-screen{position:fixed;inset:0;z-index:40;background:white;display:grid;grid-template-columns:1fr 1fr;overflow-y:auto}.auth-story{padding:50px clamp(35px,6vw,100px);background:#192947;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;background-image:radial-gradient(ellipse at 0 90%,#2b4472 0,transparent 70%)}.auth-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font:800 2.1rem Manrope,sans-serif;letter-spacing:-1px}.auth-story h1{font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-2px;line-height:1.2;margin:16px 0 22px}.auth-story p{color:#b2c2dd;max-width:400px;font-size:1rem;margin-bottom:34px}.auth-story .eyebrow{color:#8fa9d4}.auth-feature{font-size:.875rem;padding:13px 0;color:#d1dbee}.auth-feature span{color:#7896c7;font-size:.75rem;margin-right:16px}.auth-story>small{font-size:.75rem;color:#7f96bb;margin-top:30px}.auth-form-side{display:grid;place-items:center;padding:45px 30px}.auth-form-wrap{width:100%;max-width:365px}.auth-form-wrap h2{font-size:1.65rem;line-height:1.4;letter-spacing:-.8px;margin:9px 0}.auth-form-wrap form{display:flex;flex-direction:column;gap:20px;margin-top:30px}.auth-form-wrap input{min-height:48px}.auth-form-wrap .button{margin-top:7px;width:100%;justify-content:space-between;padding:15px 18px}.auth-switch{display:block;text-align:center;width:100%;margin-top:23px}.recover-switch{display:block;text-align:center;width:100%;color:#7f8aa0;font-size:.75rem;margin-top:6px}.auth-footnote{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);font-size:.75rem;color:#8e97a8;text-align:center}.auth-loading>.sidebar,.auth-loading>.workspace{visibility:hidden}#recovery-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5fc;padding:20px;border-radius:10px;color:#304a8d;font-size:.875rem;line-height:1.8}#recovery-dialog{z-index:60}.preview-notice{font-size:.75rem;border:1px solid #e5d49c;color:#8a7030;background:#fffbed;padding:10px 14px;border-radius:8px;margin-bottom:22px}.button.logout{margin-top:16px;width:100%;font-size:.75rem;padding:8px;min-height:36px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.week-chart[aria-label]{outline:none}
@media(max-width:700px){.auth-screen{grid-template-columns:1fr}.auth-story{min-height:auto;padding:25px 26px 30px}.auth-logo{font-size:1.6rem}.auth-logo img{width:32px;height:32px}.auth-story>div{margin-top:27px}.auth-story h1{font-size:2rem;letter-spacing:-1px;margin:12px 0}.auth-story h1 br{display:none}.auth-story h1 br:after{content:' '}.auth-story p{font-size:.875rem;margin-bottom:0}.auth-story>small,.auth-feature{display:none}.auth-form-side{padding:30px 26px 40px}.auth-form-wrap{max-width:440px}.auth-form-wrap h2{font-size:1.5rem}.auth-form-wrap form{margin-top:24px;gap:18px}.auth-footnote{margin-top:20px}}
.month-card>#goal-remaining{text-transform:none}.entry-actions{white-space:nowrap}
@media(max-width:700px){.entry-table,.entry-table tbody{display:block;white-space:normal}.entry-table thead{display:none}.entry-table tr{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:20px 11px;border-bottom:1px solid var(--line)}.entry-table td{display:block;padding:0;border:0;font-size:.875rem;min-width:0}.entry-table td:before{content:attr(data-label);display:block;font-size:.6875rem;color:var(--muted);margin-bottom:5px}.entry-table .date-cell{grid-column:span 2;display:flex;align-items:center;justify-content:space-between}.entry-table .date-cell:before{display:none}.entry-table .date-cell strong{font-size:.9375rem}.entry-table .date-cell small{margin:0}.entry-table .note-cell{grid-column:span 2;max-width:100%;overflow-wrap:anywhere}.entry-table .entry-actions{grid-column:span 2;text-align:right}.entry-table .entry-actions:before{display:none}.entry-table .icon-button{width:44px;height:44px;margin-left:5px}.entry-table .icon-button .icon{width:18px;height:18px}.entry-table .badge{font-size:.75rem}.entry-table tr:last-child{border:0}.toolbar-group>label:first-child{flex:1.3}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}