:root,[data-theme=dark]{--bg: #0b0f14;--panel: #111823;--panel2: #0e141d;--line: #1d2836;--line2: #26344a;--text: #e6edf3;--muted: #8fa0b3;--faint: #5c6b7d;--accent: #22d3ee;--accent-dim: #164e5a;--violet: #a78bfa;--good: #34d399;--warn: #f59e0b;--danger: #f87171;--money: #4ade80;--shadow: 0 8px 30px rgba(0, 0, 0, .45);--radius: 12px;color-scheme:dark}[data-theme=light]{--bg: #f4f6f9;--panel: #ffffff;--panel2: #eef1f6;--line: #d9e0ea;--line2: #c3cedd;--text: #17222e;--muted: #5a6b7e;--faint: #8b98a9;--accent: #0891b2;--accent-dim: #cff2fb;--violet: #7c5cf0;--good: #0f9d6a;--warn: #c47d09;--danger: #d94a4a;--money: #0f9d6a;--shadow: 0 8px 24px rgba(23, 34, 46, .12);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,select,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee26}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=date]{min-height:37px}textarea{resize:vertical;min-height:70px}label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}::placeholder{color:var(--faint)}::selection{background:var(--accent-dim)}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.main{padding:18px 22px 90px;max-width:1060px;width:100%;margin:0 auto;min-width:0}.page-head{display:flex;align-items:baseline;gap:12px;margin:2px 0 16px;flex-wrap:wrap}.page-head h1{font-size:21px}.page-head .sub{color:var(--muted);font-size:13px}.sidebar{display:flex;flex-direction:column;gap:4px;background:var(--panel2);border-right:1px solid var(--line);padding:16px 10px;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;padding:2px 8px 12px}.logo img{width:30px;height:30px}.logo b{font-size:14.5px;letter-spacing:.02em}.logo small{display:block;color:var(--faint);font-size:10.5px;font-weight:500}.nav-sec{margin-top:10px;padding:0 8px 4px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7.5px 10px;border-radius:9px;color:var(--muted);font-size:13.5px;font-weight:550;text-align:left}.nav-item svg{flex:0 0 auto;opacity:.8}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.router-link-exact-active{background:var(--accent-dim);color:var(--accent)}.nav-item .count{margin-left:auto;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}.bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;background:color-mix(in srgb,var(--panel2) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr)}.bottomnav a,.bottomnav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;color:var(--muted);font-size:10px;font-weight:600;border-radius:10px}.bottomnav .router-link-exact-active{color:var(--accent)}.fab{position:fixed;right:16px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:61;width:52px;height:52px;border-radius:16px;display:none;background:var(--accent);color:#04222a;box-shadow:0 6px 22px #22d3ee66;align-items:center;justify-content:center}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.topbar .spacer{flex:1}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:var(--muted);border:1px solid var(--line);background:var(--panel)}.iconbtn:hover{color:var(--text);border-color:var(--line2)}.iconbtn.accent{color:var(--accent);border-color:var(--accent-dim)}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.online-dot.on{background:var(--good)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card+.card{margin-top:10px}.card.danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 6%,var(--panel))}.card.now{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 34px color-mix(in srgb,var(--accent) 18%,transparent)}.section-title{display:flex;align-items:center;gap:8px;margin:20px 0 8px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.section-title:first-child{margin-top:4px}.section-title .badge{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:0 8px;font-size:11px;color:var(--text)}.section-title.danger-t{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:9px;font-weight:600;font-size:13.5px;background:var(--panel2);border:1px solid var(--line);color:var(--text);transition:transform .06s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#04222a}.btn.good{background:var(--good);border-color:var(--good);color:#03271a}.btn.dangerbtn{background:transparent;border-color:color-mix(in srgb,var(--danger) 55%,var(--line));color:var(--danger)}.btn.ghost{background:transparent}.btn.small{padding:4px 10px;font-size:12.5px;border-radius:8px}.btn:disabled{opacity:.45;cursor:default}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;letter-spacing:.02em;padding:2px 8px;border-radius:99px;white-space:nowrap;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.chip.tone-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 10%,transparent)}.chip.tone-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--line));background:color-mix(in srgb,var(--warn) 10%,transparent)}.chip.tone-good{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--line));background:color-mix(in srgb,var(--good) 10%,transparent)}.chip.tone-money{color:var(--money);border-color:color-mix(in srgb,var(--money) 40%,var(--line));background:color-mix(in srgb,var(--money) 10%,transparent)}.chip.tone-info{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}.chip.tone-p1{color:var(--danger)}.chip.tone-p2{color:var(--warn)}.chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.tile .k{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.tile .v{font-size:22px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.pill.on_track{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.pill.at_risk{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.pill.stalled{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.item-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.item-row+.item-row{margin-top:7px}.item-row.clickable{cursor:pointer}.item-row.clickable:hover{border-color:var(--line2)}.item-row.done-row{opacity:.5}.item-row .grow{flex:1;min-width:0}.item-row .title{font-weight:560}.item-row.done-row .title{text-decoration:line-through}.checkbtn{flex:0 0 auto;width:24px;height:24px;margin-top:1px;border-radius:8px;border:1.5px solid var(--line2);color:transparent;display:inline-flex;align-items:center;justify-content:center}.checkbtn:hover{border-color:var(--good);color:var(--good)}.checkbtn.done{background:var(--good);border-color:var(--good);color:#04241a}.meta{color:var(--muted);font-size:12.5px;margin-top:2px}.empty{text-align:center;padding:34px 18px;color:var(--muted);border:1px dashed var(--line2);border-radius:var(--radius);background:var(--panel2)}.empty b{color:var(--text)}.empty .btn{margin-top:12px}.overlay{position:fixed;inset:0;z-index:80;background:#02060c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:9vh 14px 14px}.modal{width:100%;max-width:560px;max-height:82vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--shadow);padding:16px}.modal h3{font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.modal .x{margin-left:auto;color:var(--faint)}.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.frow>div{min-width:0}.frow label,.fcol label{display:block;margin-bottom:4px}.fcol{margin-bottom:10px}.modal .actions{display:flex;gap:8px;margin-top:14px;align-items:center}.modal .actions .spacer{flex:1}.capture-input{font-size:16px;padding:12px}.kinds{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.kind-chip{cursor:pointer}.kind-chip.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.hint{color:var(--faint);font-size:12px;margin-top:8px}.hint kbd{background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:11px}.toasts{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;width:min(480px,calc(100vw - 28px))}.toast{background:var(--panel);border:1px solid var(--line2);border-radius:11px;padding:10px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:13.5px}.toast button{color:var(--accent);font-weight:700;margin-left:auto}.kanban{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}.kcol{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-height:120px}.kcol h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:8px}.kcard{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-bottom:7px;cursor:pointer}.kcard:hover{border-color:var(--line2)}.bar{height:6px;border-radius:99px;background:var(--panel2);overflow:hidden;border:1px solid var(--line)}.bar>div{height:100%;background:var(--accent);border-radius:99px}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 8px;border-bottom:1px solid var(--line)}.tbl td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select{width:auto;min-width:130px;flex:0 1 auto}.filters input[type=search]{flex:1 1 180px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.projcard{display:flex;flex-direction:column;gap:8px}.projcard .head{display:flex;align-items:center;gap:8px}.projcard .dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.review-check{display:flex;gap:10px;align-items:flex-start;padding:9px 4px;border-bottom:1px solid var(--line)}.review-check:last-child{border-bottom:none}.review-check label{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:var(--text);flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .12s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:1020px){.app{grid-template-columns:1fr}.sidebar{display:none}.bottomnav{display:grid}.fab{display:inline-flex}.main{padding:14px 14px 120px}.kanban{grid-template-columns:repeat(5,minmax(150px,1fr))}}@media(max-width:620px){.frow,.grid2{grid-template-columns:1fr}.page-head h1{font-size:18px}.tile .v{font-size:19px}}@media(min-width:1021px){.overlay{padding-top:12vh}}