:root{--bg:#f4f6f8;--surface:#fff;--ink:#0f1b2d;--muted:#5b6b7f;--line:#e4e9ef;--accent:#0e9f6e;--accent-deep:#0b7a55;--hl:#34d399;--warn:#e8590c;--warn-soft:#fff1e8;--good-soft:#e7f7f0;--hero:#0f1b2d;--hero2:#16263d;--chip:#eef2f6;--radius:16px;--shadow:0 1px 2px rgba(16,30,54,.06),0 8px 24px rgba(16,30,54,.06);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.wrap{max-width:880px;margin:0 auto;padding:20px 16px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:8px 0 18px;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}.brand .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--hl));display:grid;place-items:center;color:#fff}h1{font-size:22px;margin:0;letter-spacing:-.4px}.sub{color:var(--muted);font-size:13px;margin-top:3px}.tabs{display:inline-flex;background:var(--chip);border-radius:11px;padding:4px;gap:4px;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:9px 16px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;color:var(--muted)}.tabs button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.card h3{margin:0 0 2px;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.grid{display:grid;gap:14px}.g2{grid-template-columns:1fr 1fr}@media (max-width:640px){.g2{grid-template-columns:1fr}}.kpi .val{font-size:28px;font-weight:800;letter-spacing:-.6px;margin-top:6px}.kpi .meta{font-size:12px;color:var(--muted);margin-top:4px}.hero{background:linear-gradient(150deg,var(--hero),var(--hero2));color:#fff;border-radius:20px;padding:24px;position:relative;overflow:hidden;margin-bottom:16px}.hero .lab{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#9fb3c8;font-weight:700}.hero .big{display:flex;align-items:baseline;gap:14px;margin:10px 0 4px;flex-wrap:wrap}.hero .keep{font-size:44px;font-weight:800;letter-spacing:-1px}.hero .bench{font-size:15px;color:#9fb3c8}.hero .msg{color:#cdd9e5;font-size:14px;line-height:1.5;margin-top:8px}.row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .lbl{font-weight:600;font-size:14px}.row .lbl small{display:block;color:var(--muted);font-weight:500;font-size:11.5px}.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--good-soft);color:var(--accent-deep)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer;color:var(--ink)}.stepper input{width:64px;text-align:center;padding:9px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:14px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:#fbfcfd}.btn{border:0;border-radius:11px;padding:12px 20px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;background:var(--accent);color:#fff}.btn:hover{background:var(--accent-deep)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.center{max-width:380px;margin:8vh auto;text-align:left}.note{font-size:12px;color:var(--muted);background:var(--chip);border-radius:10px;padding:10px 12px;line-height:1.5;margin-top:12px}.err{background:var(--warn-soft);color:var(--warn);font-size:13px;border-radius:10px;padding:10px 12px;margin-top:10px}.muted{color:var(--muted);font-size:13px}.link{color:var(--accent-deep);cursor:pointer;font-weight:600;background:none;border:0;font-family:inherit;font-size:13px}.center.wide{max-width:560px}h2{font-size:22px;margin:0 0 8px;letter-spacing:-.4px}.lead{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 18px}.btn.lg{padding:14px 24px;font-size:15px}.obdots{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.obdots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.obdots i.on{background:var(--accent);width:22px;border-radius:999px}.obfoot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.skip{color:var(--muted);font-size:13px;cursor:pointer;background:none;border:0;font-family:inherit}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:640px){.formgrid{grid-template-columns:1fr}}.toggle-row{display:flex;gap:10px;flex-wrap:wrap}.chk{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;cursor:pointer;font-weight:600;font-size:14px;background:#fbfcfd}.chk.on{border-color:var(--accent);background:var(--good-soft);color:var(--accent-deep)}.hint{font-size:11px;color:var(--muted);margin-top:5px}.g-kpi{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.g-kpi{grid-template-columns:1fr 1fr}}.g-2{display:grid;gap:14px;grid-template-columns:1.4fr 1fr}@media (max-width:760px){.g-2{grid-template-columns:1fr}}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scroll{overflow:auto}.seg{display:inline-flex;background:var(--chip);border-radius:11px;padding:4px;gap:4px}.seg button{border:0;background:transparent;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;color:var(--muted)}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.leakbar{height:12px;border-radius:999px;background:#ffffff24;margin-top:18px;overflow:hidden;display:flex}.leakbar i{display:block;height:100%}.legend{display:flex;gap:16px;margin-top:10px;font-size:12px;color:#cdd9e5;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend b{width:10px;height:10px;border-radius:3px;display:inline-block}.alloc{display:flex;height:26px;border-radius:8px;overflow:hidden;margin:14px 0 12px;background:var(--chip)}.alloc i{height:100%}.alloclegend{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:12.5px}.alloclegend div{display:flex;align-items:center;justify-content:space-between;gap:8px}.alloclegend .k{display:flex;align-items:center;gap:8px;color:var(--muted)}.alloclegend b{width:10px;height:10px;border-radius:3px;display:inline-block}.barwrap{display:flex;align-items:flex-end;gap:14px;height:160px;padding-top:10px}.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar i{width:100%;max-width:42px;background:linear-gradient(180deg,var(--hl),var(--accent));border-radius:8px 8px 4px 4px}.bar.now i{background:linear-gradient(180deg,var(--hero2),var(--hero))}.bar span{font-size:11px;color:var(--muted);font-weight:600}.bar small{font-size:11px;font-weight:700}.bar .col{width:100%;max-width:42px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:8px 8px 4px 4px;overflow:hidden}.bar .col i{display:block;width:100%;border-radius:0}.bar .col i.real{background:linear-gradient(180deg,var(--hl),var(--accent))}.bar .col i.pend{background:var(--accent);opacity:.3}.barlegend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.barlegend span{display:flex;align-items:center;gap:6px}.barlegend b{width:10px;height:10px;border-radius:3px;display:inline-block}.barlegend b.real{background:var(--accent)}.barlegend b.pend{background:var(--accent);opacity:.3}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 8px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td.calc{background:#f9fafb;color:var(--muted);font-weight:600;text-align:center}td.edit input{width:56px;border:1px solid var(--line);border-radius:7px;padding:6px;font-family:inherit;font-size:13px;text-align:center}.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.tag.ip{background:#e7f0ff;color:#1d4ed8}.tag.rem{background:#f3e8ff;color:#7e22ce}.tag.misc{background:#f1f5f9;color:#475569}.tag.act{background:var(--good-soft);color:var(--accent-deep)}.tag.churn{background:#fdecec;color:#c0392b}.pill.up{background:var(--good-soft);color:var(--accent-deep)}.pill.down{background:var(--warn-soft);color:var(--warn)}.dots{display:flex;gap:3px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}.dots i.off{background:var(--line)}.projrow{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed var(--line)}.projrow:last-child{border-bottom:0}.projrow .k{color:var(--muted);font-size:13px}.projrow .v{font-weight:800;font-size:16px}.goalbar{height:14px;border-radius:999px;background:var(--chip);overflow:hidden}.goalbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--hl))}.cal{display:grid;grid-template-columns:40px repeat(7,1fr);gap:4px;font-size:11px;min-width:420px}.cal .h{font-weight:700;color:var(--muted);text-align:center;padding:6px 0}.cal .t{color:var(--muted);text-align:right;padding-right:6px;align-self:center}.cal .slot{height:22px;border-radius:6px;background:#f1f4f7;border:1px solid var(--line);cursor:pointer}.cal .slot.fill{background:var(--good-soft);border-color:var(--accent)}.mtag{display:inline-block;background:var(--warn-soft);color:var(--warn);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;vertical-align:middle}.livecalc{font-size:13px;color:var(--muted)}.livecalc b{color:var(--ink)}.savebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.switchrow:last-of-type{border-bottom:0}.ovl{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.ovlcard{background:var(--surface);border-radius:22px;max-width:460px;width:100%;padding:24px;box-shadow:0 24px 60px #0000004d;max-height:92vh;overflow:auto}:root{--ok:#e9f9f1;--okline:#b7ead2;--okink:#0b5f43;--pend:#fff4ed;--pendink:#8a4418;--pendline:#f6c9ab;--focus:#d8f0e6;--travel:#fff7ed;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dg-banner{background:#f1f8f5;border:1px solid #cfe9dd;border-radius:9px;padding:9px 12px;font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.55}.dg-banner b{color:var(--accent-deep);font-weight:800}.dg-monthnav{display:flex;align-items:center;gap:6px;margin-bottom:12px}.dg-monthnav button{border:1px solid var(--line);background:#fff;border-radius:8px;width:28px;height:28px;font-size:14px;color:var(--accent-deep);cursor:pointer;font-family:inherit}.dg-monthnav button:disabled{opacity:.4;cursor:default}.dg-monthnav .m{font-weight:800;font-size:14px;min-width:132px;text-align:center}.dg-scroll{overflow-x:auto}table.dg{width:100%;border-collapse:collapse;min-width:660px}table.dg thead th{font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);font-weight:800;text-align:left;padding:5px 7px;border-bottom:1px solid var(--line);white-space:nowrap}table.dg thead th.r{text-align:right}table.dg thead th.travel{background:var(--travel);color:#9a6a1a}table.dg tbody td{padding:0;border-bottom:1px solid #f1f4f7;height:38px;vertical-align:middle}table.dg tbody tr:hover{background:#fafcfe}table.dg td.travel{background:var(--travel)}table.dg tr:hover td.travel{background:#fff2df}.dg-cell{width:100%;height:38px;border:none;background:transparent;font-family:inherit;font-size:12.5px;color:var(--ink);padding:0 7px;outline:none}.dg-cell:hover{background:#f3f7fb;box-shadow:inset 0 0 0 1px var(--line)}.dg-cell:focus{background:var(--focus);box-shadow:inset 0 0 0 2px var(--accent);border-radius:4px}.dg-cell.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--mono)}.dg-cell.mut{color:var(--muted)}table.dg td.who{min-width:130px}table.dg td.num{width:86px}table.dg td.act{width:30px;text-align:center}.dg-dayhead{background:#f4f7fa;cursor:pointer}.dg-dayhead:hover{background:#eef3f8}.dg-dayhead td{height:34px;padding:0 10px;border-bottom:1px solid var(--line)}.dg-caret{display:inline-block;width:16px;color:var(--muted)}.dg-dname{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.dg-daysum{font-size:11.5px;font-weight:700;color:var(--muted)}.dg-daysum b{color:var(--okink)}.dg-unpaid td{background:#fbf9f4;padding:0}.dg-unpaidwrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:9px 12px}.dg-ulbl{font-size:10.5px;font-weight:800;color:var(--pendink);text-transform:uppercase;letter-spacing:.35px}.dg-unpaidwrap label{font-size:11.5px;color:var(--muted);font-weight:650;display:inline-flex;align-items:center;gap:6px}.dg-unpaidwrap input{width:54px;border:1px solid var(--pendline);background:#fff;border-radius:7px;padding:5px 8px;font-size:12px;font-family:var(--mono);text-align:right;font-weight:700;color:var(--ink)}.dg-unpaidwrap input:focus{outline:none;box-shadow:0 0 0 2px var(--focus)}.dg-unpaidwrap .mins{font-size:10px;color:var(--muted)}.dg-st{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap}.dg-st.completed,.dg-st.paid{background:var(--ok);color:var(--okink);border-color:var(--okline)}.dg-st.cancel,.dg-st.pending{background:var(--pend);color:var(--pendink);border-color:var(--pendline)}.dg-st.pick{margin-right:4px;opacity:.75}.dg-st.pick.on{opacity:1;box-shadow:0 0 0 2px var(--focus)}.dg-del{border:none;background:none;color:#c0b6bb;font-size:15px;cursor:pointer;padding:0 5px;line-height:1}.dg-del:hover{color:#c0392b}.dg-add{border:1px dashed var(--accent-deep);color:var(--accent-deep);background:#fff;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;margin-top:10px}.dg-tot{display:flex;gap:16px;font-size:12.5px;margin:2px 0 4px;justify-content:flex-end}.dg-tot .t{color:var(--muted);text-transform:uppercase;font-size:9.5px;letter-spacing:.4px}.dg-tot b{display:block;font-size:15px;font-weight:800}.dg-undo{display:flex;align-items:center;gap:12px;background:var(--hero);color:#fff;border-radius:10px;padding:9px 14px;font-size:12.5px;margin:10px 0}.dg-undo button{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:7px;padding:4px 12px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}