:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f1f4;--border: #e4e6eb;--text: #16181d;--muted: #6b7280;--faint: #9ca3af;--accent: #4f46e5;--accent-soft: #eef0ff;--accent-text: #3730a3;--danger: #dc2626;--danger-soft: #fee2e2;--warn: #d97706;--warn-soft: #fef3c7;--ok: #059669;--ok-soft: #d1fae5;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);--radius: 14px;--radius-sm: 9px;--nav-w: 232px;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #111318;--surface: #1a1d24;--surface-2: #22262f;--border: #2c313b;--text: #e8eaf0;--muted: #9aa3b2;--faint: #6b7280;--accent: #7c74ff;--accent-soft: #24244a;--accent-text: #c4c0ff;--danger: #f87171;--danger-soft: #3b1d1d;--warn: #fbbf24;--warn-soft: #3a2f12;--ok: #34d399;--ok-soft: #12352a;--shadow: 0 1px 2px rgba(0,0,0,.4);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:17px}h3{font-size:15px}p{margin:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:8px}.between{justify-content:space-between}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100dvh}.nav{position:sticky;top:0;height:100dvh;padding:22px 14px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:4px}.nav .brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;font-weight:700;font-size:17px}.nav .brand img{width:28px;height:28px;border-radius:8px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--muted);font-weight:500}.nav a svg{width:18px;height:18px}.nav a.active{background:var(--accent-soft);color:var(--accent-text)}.nav a:hover:not(.active){background:var(--surface-2);color:var(--text)}.nav .spacer{flex:1}.main{padding:28px 32px 80px;max-width:1180px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-head .sub{color:var(--muted);margin-top:4px}.bottom-nav{display:none}@media(max-width:860px){.shell{grid-template-columns:1fr}.nav{display:none}.main{padding:18px 16px 96px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--muted);padding:4px 0;border-radius:8px}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a.active{color:var(--accent)}h1{font-size:21px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.card.tight{padding:12px 14px}.card+.card{margin-top:12px}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:860px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.grid.cols-4.keep2{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:500;font-size:14px;line-height:1.2;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}.btn.xs{padding:3px 8px;font-size:12px;border-radius:7px}.btn.danger{color:var(--danger)}.btn.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.btn.icon{padding:6px;width:32px;height:32px}.btn svg{width:16px;height:16px}.input,select.input,textarea.input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{resize:vertical;min-height:70px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.form-grid{grid-template-columns:1fr}}.form-grid .span2{grid-column:1 / -1}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted);white-space:nowrap}.chip.accent{background:var(--accent-soft);color:var(--accent-text)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.danger{background:var(--danger-soft);color:var(--danger)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;position:relative}.bar>span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s}.bar.thin{height:5px}.bar>span.over{background:var(--danger)}.stacked{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.stacked>span{height:100%}.block{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-left-width:4px;border-radius:12px;background:var(--surface)}.block+.block{margin-top:8px}.block .title{font-weight:600}.block .meta{color:var(--muted);font-size:12.5px;display:flex;gap:8px;flex-wrap:wrap}.block .actions{display:flex;gap:6px;flex-shrink:0}.block.done{opacity:.6}.block.done .title{text-decoration:line-through}@media(max-width:520px){.block{flex-wrap:wrap}.block .actions{width:100%;justify-content:flex-end}}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}@media(max-width:1000px){.week-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.week-grid{grid-template-columns:1fr}}.day-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;min-height:140px;display:flex;flex-direction:column;gap:8px}.day-col.today{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.day-col.past{opacity:.75}.day-col .dh{display:flex;justify-content:space-between;align-items:baseline}.day-col .dh b{font-size:15px}.mini{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;background:var(--surface-2);font-size:13px;border-left:3px solid transparent}.mini .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini .m{color:var(--muted);font-variant-numeric:tabular-nums}.mini.logged{background:var(--ok-soft)}.task-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--border);cursor:pointer}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--surface-2);border-radius:8px}.task-row.child{padding-left:28px}.task-row .t{font-weight:500}.task-row.done .t{text-decoration:line-through;color:var(--muted)}.task-row .sub{font-size:12px;color:var(--muted)}.check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--faint);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface);cursor:pointer}.check.on{background:var(--ok);border-color:var(--ok);color:#fff}.check svg{width:13px;height:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1273;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;overflow:auto;border-radius:18px 18px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #00000040}@media(min-width:640px){.overlay{align-items:center;padding:20px}.modal{border-radius:18px;padding:24px}}.modal h2{margin-bottom:14px}.modal .foot{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--muted);font-size:13px;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;z-index:100;box-shadow:0 6px 24px #00000040}@media(min-width:861px){.toast{bottom:28px}}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.empty h3{color:var(--text);margin-bottom:6px}.stat{display:flex;flex-direction:column;gap:2px}.stat .v{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ring{--p: 0;--c: var(--accent);width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--surface-2) 0);display:grid;place-items:center;flex-shrink:0}.ring>div{width:50px;height:50px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.warnings{display:flex;flex-direction:column;gap:6px}.warning{display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:10px;font-size:13.5px;background:var(--warn-soft);color:var(--warn)}.warning.danger{background:var(--danger-soft);color:var(--danger)}.warning.info{background:var(--accent-soft);color:var(--accent-text)}.vbars{display:flex;align-items:flex-end;gap:6px;height:120px}.vbars .vb{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.vbars .vb .col{width:100%;background:var(--accent);border-radius:6px 6px 2px 2px;min-height:2px;opacity:.85}.vbars .vb .col.over{background:var(--danger)}.vbars .vb .col.low{background:var(--faint);opacity:.5}.vbars .vb .lbl{font-size:11px;color:var(--muted);white-space:nowrap}.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.login .card{width:100%;max-width:360px}.print-page{background:#fff;color:#111;padding:12mm;max-width:297mm;margin:0 auto;font-size:11pt}.print-toolbar{display:flex;gap:8px;padding:12px;justify-content:center;background:var(--surface-2)}.print-page h1{font-size:20pt;margin-bottom:2mm}.print-page .sub{color:#555;margin-bottom:6mm}.print-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3mm}.print-day{border:1px solid #bbb;border-radius:2mm;padding:2.5mm;min-height:110mm;display:flex;flex-direction:column}.print-day .dh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ddd;padding-bottom:1.5mm;margin-bottom:2mm}.print-day .dh b{font-size:12pt}.print-day .dh span{font-size:9pt;color:#666}.print-item{display:flex;gap:2mm;align-items:flex-start;font-size:9.5pt;padding:1.2mm 0;border-bottom:1px dotted #ddd}.print-item .box{width:3.5mm;height:3.5mm;border:1px solid #555;border-radius:1mm;flex-shrink:0;margin-top:.8mm}.print-item .sw{width:2mm;align-self:stretch;border-radius:1mm;flex-shrink:0}.print-item .pt{flex:1}.print-item .pp{color:#666;font-size:8pt}.print-item .pm{font-size:9pt;color:#333;white-space:nowrap;font-variant-numeric:tabular-nums}.print-notes{flex:1;margin-top:2mm;background:repeating-linear-gradient(#fff 0,#fff 6.5mm,#e5e5e5 6.5mm,#e5e5e5 6.6mm);min-height:20mm}.print-legend{display:flex;gap:6mm;flex-wrap:wrap;margin-top:4mm;font-size:9pt;color:#444}.print-legend .dot{width:3mm;height:3mm}.print-month{display:grid;grid-template-columns:repeat(7,1fr);gap:1.5mm}.print-month .mh{font-size:9pt;font-weight:600;color:#555;text-align:center;padding:1mm 0}.print-month .mcell{border:1px solid #bbb;border-radius:1.5mm;min-height:32mm;padding:1.5mm;font-size:8pt}.print-month .mcell.off{background:#f4f4f4;color:#999}.print-month .mcell .dn{font-weight:700;font-size:10pt;display:flex;justify-content:space-between}.print-month .mcell .dn span{font-weight:400;color:#777;font-size:8pt}.print-month .mi{display:flex;gap:1mm;align-items:center;margin-top:.6mm}.print-month .mi .sw{width:1.5mm;height:3mm;border-radius:.5mm;flex-shrink:0}.print-month .mi .t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-month .mi.dl{font-weight:700;color:#b91c1c}.print-summary{margin-top:5mm;display:grid;grid-template-columns:repeat(3,1fr);gap:4mm;font-size:9.5pt}.print-summary h3{font-size:10.5pt;margin-bottom:1.5mm}.print-summary ul{margin:0;padding-left:4mm}@page{size:A4 landscape;margin:8mm}@page portrait{size:A4 portrait}@media print{body{background:#fff}.print-toolbar,.nav,.bottom-nav,.toast{display:none!important}.print-page{padding:0;max-width:none}.print-day{min-height:0;height:100%}.print-week{height:170mm}}