:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20243b;background:#f7f8fc;font-synthesis:none;--surface:#fff;--bg:#f7f8fc;--text:#20243b;--muted:#81869b;--border:#eceef5;--accent:#6366f1;--soft:#eeeefe;--shadow:0 4px 24px #24254304;color-scheme:light dark}*{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:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}button{border:0;background:none;color:inherit}button[type=submit],.primary{background:var(--accent);color:white;border-radius:12px;padding:13px 19px;font-weight:600;box-shadow:0 4px 10px #6366f122}.primary:hover{background:#5355db}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.1px;font-weight:700;line-height:1.3}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}.sidebar{position:fixed;left:0;top:0;bottom:0;width:234px;background:var(--surface);border-right:1px solid var(--border);padding:40px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:29px;font-weight:750;letter-spacing:-1px;margin:0 8px 51px}.brand-icon{display:block;background:var(--accent);color:white;width:44px;height:44px;border-radius:14px;text-align:center;font-size:38px;line-height:39px;position:relative}.brand-icon span{font-size:23px;position:absolute;top:-7px;right:7px}.brand div>span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:3px}.nav-caption{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#a0a4b5;margin:0 13px 17px}.nav-link{display:flex;align-items:center;gap:13px;width:100%;text-align:left;color:#7c8096;font-size:14px;padding:14px 16px;margin:5px 0;border-radius:11px;font-weight:550}.nav-link>span{font-size:23px;line-height:21px;width:22px;text-align:center}.nav-link.active{background:var(--soft);color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;font-size:11px}.sidebar-bottom strong{font-size:12px;font-weight:600}.sidebar-bottom p{color:var(--muted);margin:9px 0 17px;font-size:11px}.privacy-dot{background:#10b981;width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.sidebar-bottom button{font-size:12px;padding:7px 0}.workspace{margin-left:234px}.topbar{height:79px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:var(--surface);font-size:11px;color:var(--muted)}.topbar b{color:#646b80;font-weight:500}.slash{margin:0 14px;color:#c7cad7}.topbar>div{display:flex;align-items:center;gap:20px}.connection{color:#829489;font-size:10px}.icon-button{padding:6px 8px;border-radius:8px;font-size:21px;color:var(--muted);min-width:36px;min-height:36px;line-height:1}.icon-button:hover{background:var(--bg)}main{max-width:1400px;margin:auto;padding:43px 48px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px}.eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:13px}.subtitle{font-size:12px;color:var(--muted);margin-top:10px}.page-heading>.primary{white-space:nowrap;font-size:12px}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:35px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:13px}.metric>span{font-size:9px;letter-spacing:1.3px;font-weight:650;color:var(--muted)}.metric strong{font-size:30px;letter-spacing:-1.2px;font-weight:650}.metric small{font-size:10px;color:var(--muted)}.hero-metric{background:#6366f1;color:white;border-color:transparent;position:relative;overflow:hidden}.hero-metric:after{content:'◷';font-size:130px;position:absolute;right:-14px;bottom:-24px;color:#ffffff10}.hero-metric>span,.hero-metric small{color:#e0e0ff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.count{background:#e9ebf3;color:#82879a;display:inline-block;padding:3px 7px;border-radius:6px;font-size:10px;vertical-align:middle;margin-left:6px}.tools{display:flex;gap:10px}.search{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:0 10px;color:var(--muted)}.search span{font-size:22px}.search input{width:150px;font-size:11px;border:none;background:none;padding:10px 5px;outline:none;color:var(--text)}select{border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:10px;color:var(--text);font-size:11px;max-width:100%}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:21px;box-shadow:var(--shadow)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.project-mark{background:color-mix(in srgb,var(--project) 11%,var(--surface));color:var(--project);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:18px;font-weight:700;flex-shrink:0}.card-top .icon-button{font-size:21px}.favorite.selected{color:#e9b852}.project-title{padding:0;text-align:left;width:100%;font-weight:650;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;overflow-wrap:anywhere}.project-title span{color:#b5b9c9;font-size:16px}.card-hint{font-size:10px;color:var(--muted);margin-top:16px}.card-total{font-size:26px;letter-spacing:-.7px;margin-top:4px;font-weight:650}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--border);padding-top:16px;margin-top:20px;font-size:9px}.card-bottom>span{color:var(--muted);line-height:1.8}.card-bottom i{display:inline-block;background:var(--project);width:5px;height:5px;border-radius:50%;margin-right:4px}.card-bottom b{font-weight:600;display:block;margin-left:10px;color:var(--text)}.quick-add{color:var(--accent);background:var(--soft);font-size:10px;font-weight:600;border-radius:8px;padding:10px}.add-card{border:1.5px dashed #dcdfea;border-radius:16px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.add-card>span{font-size:26px;color:#9699b6;background:#eceef7;width:45px;height:45px;line-height:45px;border-radius:50%}.add-card strong{font-size:13px;font-weight:550}.add-card small{font-size:10px}.quote{display:flex;align-items:center;gap:17px;background:#f0f1fb;padding:23px;border-radius:14px;margin:30px 0;color:#797d9d;font-size:12px}.quote>span{font-size:29px;color:#8f91c5}.quote small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:8px;color:#a0a3bb}footer{text-align:center;color:#b0b3c2;font-size:9px;padding:30px 0 25px}footer span{margin:0 8px}.mobile-nav{display:none}.empty{text-align:center;padding:32px 16px;color:var(--muted);grid-column:1/-1}.empty-symbol{font-size:39px;color:#b3b5d8}.empty h3{color:var(--text);margin:13px 0 7px}.empty p{font-size:12px}.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.segments{background:#eceef6;border-radius:10px;display:flex;padding:4px;gap:3px}.segments button{font-size:11px;padding:9px 12px;border-radius:7px;color:var(--muted);white-space:nowrap}.segments .selected{background:var(--surface);color:var(--accent);box-shadow:0 2px 5px #00000006}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-metrics .metric{padding:21px 17px}.dashboard-metrics .metric strong{font-size:25px}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.panel{background:var(--surface);border:1px solid var(--border);padding:24px;border-radius:16px;box-shadow:var(--shadow)}.panel>p,.panel .section-heading p{font-size:11px;color:var(--muted);margin-top:7px}.chart-scroll{overflow-x:auto;margin-top:30px}.bar-chart{height:210px;display:flex;gap:9px;align-items:stretch;padding:8px 5px 0}.bar-column{padding:0;flex:1;display:flex;flex-direction:column;min-width:15px;gap:13px;align-items:center}.bar-space{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 41px,var(--border) 42px)}.bar-space i{display:block;min-height:3px;width:65%;max-width:42px;background:linear-gradient(#8b8df6,#6366f1);border-radius:6px 6px 0 0}.bar-column:hover i,.bar-column:focus i{background:#a5b4fc}.bar-column small{font-size:8px;color:var(--muted)}.chart-value{text-align:center;font-size:10px!important;color:var(--muted);margin-top:16px!important;min-height:30px}.donut{width:160px;height:160px;border-radius:50%;margin:25px auto;display:flex;align-items:center;justify-content:center}.donut>div{width:120px;height:120px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.donut strong{font-size:30px;letter-spacing:-1px}.donut small{font-size:8px;color:var(--muted);letter-spacing:1px}.legend>div{display:flex;justify-content:space-between;font-size:11px;padding:8px 0;gap:10px}.legend span{overflow-wrap:anywhere}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:9px}.average-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px}.average-row span{color:var(--muted)}.explanation{font-size:10px!important;line-height:1.7}.ranking>div{margin-top:19px}.ranking>div>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.track{height:7px;background:var(--bg);border-radius:10px;margin-top:8px;overflow:hidden}.track i{height:100%;display:block;border-radius:10px}.history-day{margin-top:27px}.history-day>.section-heading{margin-bottom:12px;font-size:12px;color:var(--muted)}.history-day h3{color:var(--text);font-weight:600}.history-panel{padding:0 22px}.history-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--border)}.history-row:last-child{border:0}.entry-text{flex:1;min-width:0}.entry-text strong{font-size:13px;overflow-wrap:anywhere}.entry-text p{font-size:11px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.history-row>b{font-size:14px;white-space:nowrap}.history-title{margin-top:30px}.subtle{background:var(--bg);border:1px solid var(--border);border-radius:9px;font-size:12px;padding:11px 15px}.danger{color:#dc4e62;background:#fff0f2;border-radius:10px;padding:12px;font-size:12px}.loading,.fatal{padding:40px;max-width:650px;margin:auto}.fatal p{margin:20px 0}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:23px;max-width:470px;width:calc(100% - 32px);padding:27px;box-shadow:0 30px 100px #181b3840;max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#181b3866;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head .eyebrow{font-size:8px;margin:0}dialog h2{font-size:23px}dialog p{font-size:12px;color:var(--muted);margin:10px 0 20px}form>label{display:block;font-size:12px;font-weight:550;margin:19px 0}form input:not([type=radio],[type=checkbox]),form select,form textarea{display:block;width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:13px;margin-top:8px;font-size:16px}textarea{resize:vertical}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:12px;margin-bottom:12px}.color-picker{display:flex;gap:12px;flex-wrap:wrap}.color-picker label{position:relative;cursor:pointer}.color-picker input{position:absolute;opacity:0;width:30px;height:30px}.color-picker span{display:block;width:30px;height:30px;border-radius:50%;background:var(--project);border:4px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.color-picker input:checked+span,.color-picker input:focus-visible+span{box-shadow:0 0 0 2px var(--project)}.check{display:flex;align-items:center;gap:9px}.check input{accent-color:var(--accent);width:18px;height:18px}.duration-input{display:flex;align-items:center;gap:16px;margin:20px 0}.duration-input label{flex:1;font-size:12px}.duration-input input{font-size:30px!important;text-align:center;font-weight:600}.duration-input>span{padding-top:24px;color:var(--muted);font-size:25px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.presets button{background:var(--soft);color:var(--accent);border-radius:8px;padding:11px 2px;font-size:11px}.optional{font-weight:400;color:var(--muted)}.modal-actions{display:flex;gap:12px;margin-top:25px}.modal-actions>button{flex:1}.settings-actions{display:flex;flex-direction:column;gap:12px;margin:20px 0}.install-guide{background:var(--bg);padding:18px;border-radius:12px}.install-guide h3{font-size:13px}.install-guide p{font-size:11px;margin-bottom:18px}.install-guide p:last-child{margin-bottom:0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#252940;color:#fff;font-size:12px;padding:14px 20px;border-radius:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;width:max-content;box-shadow:0 6px 30px #0002}#toast.show{opacity:1;transform:translate(-50%,0)}.update{background:var(--soft);color:var(--accent);border-radius:10px;padding:12px 17px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.update[hidden]{display:none}.small{background:var(--accent);color:#fff;padding:9px;border-radius:7px}
@media(min-width:1500px){main{padding-top:55px}.project-card{padding:26px}.card-bottom{font-size:11px}.quick-add{font-size:11px}.card-bottom b{display:inline;margin-left:5px}.page-heading{margin-bottom:40px}}
@media(max-width:1150px){.sidebar{width:195px;padding-left:14px;padding-right:14px}.workspace{margin-left:195px}main{padding:35px 27px 0}.topbar{padding:0 27px}h1{font-size:26px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:21px 19px}.metric strong{font-size:27px}.dashboard-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.brand{margin-bottom:42px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin:0}.topbar{height:calc(55px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 21px 0;background:var(--bg);border:0}.topbar>span{font-size:10px}.topbar>div{gap:8px}.connection{font-size:9px}main{padding:22px 20px 90px}.page-heading{display:block;margin-bottom:24px}.eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:28px;max-width:310px;letter-spacing:-1px}.subtitle{font-size:12px;max-width:310px;line-height:1.7}.page-heading>.primary{margin-top:21px;padding:13px 17px}.overview{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.overview>.hero-metric{grid-column:1/-1}.metric{padding:19px;gap:11px;border-radius:14px}.metric strong{font-size:27px}.hero-metric strong{font-size:37px}.metric>span{font-size:9px}.metric small{font-size:9px}.project-grid{grid-template-columns:1fr;gap:14px}.project-card{padding:22px}.card-top{margin-bottom:15px}.card-hint{margin-top:15px}.card-total{font-size:30px}.card-bottom{font-size:11px}.card-bottom b{display:inline;margin-left:7px}.quick-add{font-size:11px;padding:12px}.section-heading{flex-wrap:wrap;gap:16px}.tools{width:100%}.search{flex:1;min-width:0}.search input{width:100%;min-width:0}.tools select{font-size:10px;width:117px}.add-card{min-height:170px}.quote{font-size:11px;line-height:1.7;padding:20px}.quote small{font-size:7px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);padding:7px 12px calc(7px + env(safe-area-inset-bottom));z-index:5}.mobile-nav .nav-link{display:flex;flex-direction:column;gap:5px;font-size:10px;padding:8px;margin:0;width:30%;text-align:center;border-radius:10px}.mobile-nav .nav-link>span{font-size:24px}.filters{flex-wrap:wrap}.segments{width:100%;justify-content:space-between;gap:0}.segments button{font-size:10px;padding:9px 10px}.filters>select{width:100%;font-size:12px}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metrics>.hero-metric{grid-column:auto}.dashboard-metrics .metric strong{font-size:25px}.dashboard-metrics .metric>span{font-size:8px}.dashboard-metrics .metric small{line-height:1.7}.dashboard-grid{gap:15px}.panel{padding:20px}.history-panel{padding:0 14px}.history-row{gap:10px}.history-row .project-mark{width:33px;height:33px;font-size:15px}.history-row>b{font-size:12px}.entry-text strong{font-size:12px}.entry-text p{font-size:10px}.history-row .icon-button{font-size:19px;min-width:30px;padding:3px}.history-day>.section-heading{flex-wrap:nowrap}dialog{padding:23px 21px;border-radius:20px;max-height:88dvh}.modal-actions button{font-size:12px}#toast{bottom:calc(90px + env(safe-area-inset-bottom));font-size:11px}.dashboard-grid .section-heading{flex-wrap:nowrap}.panel>select{margin-top:15px}}
@media(prefers-color-scheme:dark){:root{--surface:#1c2030;--bg:#141723;--text:#e7e9f3;--muted:#9a9fb4;--border:#2a2e41;--soft:#2c2c4f;--shadow:none;color:var(--text);background:var(--bg)}.hero-metric{background:#5558d9}.quote{background:#22263c;color:#a3a7c4}.segments{background:#202438}.count{background:#30354a}.add-card{border-color:#3a3e55}.add-card>span{background:#2d3147}.danger{background:#3c2331;color:#ffa0b0}.topbar b{color:#b1b5c8}.connection{color:#91b69e}.brand{color:var(--text)}.bar-space i{background:linear-gradient(#9193f8,#7174ee)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.backup-reminder{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--soft);padding:18px;border-radius:12px;margin-bottom:24px}.backup-reminder strong{font-size:13px}.backup-reminder p{font-size:11px;color:var(--muted);margin-top:6px}.backup-reminder button{flex-shrink:0}.snapshot-row{border-bottom:1px solid var(--border);padding:15px 0;display:flex;align-items:center;gap:10px}.snapshot-row strong{font-size:12px}.snapshot-row p{font-size:10px;margin:6px 0}.install-guide h3:not(:first-child){margin-top:22px}button[hidden]{display:none!important}@media(max-width:700px){.backup-reminder{align-items:flex-start;flex-direction:column}}