:root{--bg:#1a1a1a;--side:#141414;--card:#232323;--card-2:#2a2a2a;--line:#333333;--line-soft:#2c2c2c;--text:#ffffff;--muted:#a8a8a8;--faint:#8e8e8e;--gold:#eebd61;--gold-soft:#2e2a20;--gold-line:#5a4a28;--good:#7fd69b;--bad:#ff8a7a;--bad-soft:#331f1c;--bad-line:#5a2e28;--radius:14px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}a{color:var(--gold);text-decoration:none}a:hover{color:#f5d394}h1{font-size:28px;letter-spacing:-.02em;margin:4px 0 0}h2{font-size:18px}h2,h3{margin:0;font-weight:600}h3{font-size:15px}p{line-height:1.55}.shell{display:flex;flex-wrap:wrap;min-height:100vh}.side{flex:1 1 232px;max-width:250px;background:var(--side);border-right:1px solid #2a2a2a;padding:22px 14px;display:flex;flex-direction:column;gap:2px}.brand{display:flex;align-items:baseline;padding:4px 12px 24px;font-size:19px;letter-spacing:-.02em;color:var(--text)}.brand b{font-weight:700}.brand i{width:7px;height:7px;border-radius:4px;background:var(--gold);display:inline-block;margin-left:2px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#b8b8b8;font-size:14px;font-weight:500}.nav a:hover{background:var(--card-2);color:var(--text)}.nav a.on{background:var(--gold-soft);color:var(--gold)}.nav .dot{width:8px;height:8px;border-radius:4px;background:#5a5a5a}.nav .count,.nav a.on .dot{background:var(--gold)}.nav .count{margin-left:auto;font-size:11px;font-weight:700;color:#1a1a1a;border-radius:9px;padding:1px 7px}.side-foot{margin-top:auto;padding:14px 12px 0;border-top:1px solid #2a2a2a;display:flex;align-items:center;gap:10px}.main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;padding:14px 32px;border-bottom:1px solid #262626;min-height:64px}.content{padding:28px 32px 56px;display:flex;flex-direction:column;gap:22px;max-width:1280px;width:100%}.timerbar{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;border-radius:12px;background:var(--gold-soft);border:1px solid var(--gold-line);font-size:14px;margin-right:auto}.timerbar .clock{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:16px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.lbl{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.lbl,.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.good{color:var(--good)}.bad{color:var(--bad)}.gold{color:var(--gold)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.cols{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}.cols>.wide{flex:999 1 560px;min-width:0}.cols>.narrow{flex:1 1 300px;min-width:0}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card.hl{border-color:var(--gold);background:#2a261c}.card.alert{border-color:var(--bad-line);background:var(--bad-soft)}.kpi{font-size:28px;font-weight:700;margin-top:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.num,td.nw,th.nw{white-space:nowrap}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr.total td{font-weight:600;border-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid #3a3a3a;background:var(--card);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.btn,.btn:hover{color:var(--text)}.btn:hover{background:var(--card-2)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1a1a;font-weight:600}.btn.primary:hover{background:#f5d394}.btn.danger{background:transparent;border-color:var(--bad-line);color:var(--bad)}.btn.sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:8px}.btn.ghost{background:transparent}.f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:500}input,select,textarea{font:inherit;font-size:14px;color:var(--text);background:#1e1e1e;border:1px solid #3a3a3a;border-radius:10px;padding:10px 12px;min-height:42px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}input[type=checkbox]{min-height:auto;width:18px;height:18px;accent-color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.form-grid .full{grid-column:1/-1}details.panel>summary{cursor:pointer;list-style:none}details.panel>summary::-webkit-details-marker{display:none}details.panel[open]>summary{margin-bottom:14px}.pill{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#333;color:#d0d0d0;white-space:nowrap}.pill.URGENT{background:#3a2420;color:var(--bad)}.pill.HIGH{background:#3d3220;color:var(--gold)}.pill.good{background:#22392a;color:var(--good)}.pill.gold{background:#3d3220;color:var(--gold)}.pill.bad{background:#3a2420;color:var(--bad)}.av{width:28px;height:28px;border-radius:14px;background:#3a3a3a;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--text)}.av.lg{width:40px;height:40px;border-radius:20px;font-size:14px}.av.me{background:var(--gold);color:#1a1a1a}.board{flex-wrap:wrap;gap:14px;align-items:flex-start}.board,.col{display:flex}.col{flex:1 1 180px;min-width:0;flex-direction:column;gap:10px;background:#1e1e1e;border:1px solid #292929;border-radius:14px;padding:12px}.colh{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#d0d0d0;padding:2px 4px 4px}.tcard{background:var(--card);border:1px solid #363636;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;color:var(--text)}.tcard:hover{border-color:#4a4a4a;color:var(--text)}.tcard.todo{border-style:dashed}.tcard .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #2e2e2e;padding-bottom:8px}.tabs a{padding:9px 14px;border-radius:8px;color:#b8b8b8;font-size:14px;font-weight:500}.tabs a.on{background:var(--gold-soft);color:var(--gold)}.bar{height:6px;border-radius:3px;background:#333;width:120px;overflow:hidden}.bar>span{display:block;height:6px;background:var(--gold)}.bar.over>span{background:var(--bad)}.split{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#b8b8b8}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}.file{gap:12px;padding:12px 0;border-bottom:1px solid #2e2e2e}.file,.thumb{display:flex;align-items:center}.thumb{width:52px;height:52px;border-radius:8px;background:#333;flex:none;justify-content:center;font-size:10px;color:var(--faint);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.empty{padding:28px;text-align:center;color:var(--faint);font-size:14px;border:1px dashed #333;border-radius:12px}.notice{padding:14px;border-radius:10px;background:var(--card-2);display:flex;gap:12px;align-items:flex-start}.notice .d{width:10px;height:10px;border-radius:5px;background:var(--gold);margin-top:5px;flex:none}.notice.bad{background:var(--bad-soft);border:1px solid var(--bad-line)}.notice.bad .d{background:var(--bad)}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.cal .dh{font-size:12px;color:var(--muted);font-weight:600;padding:4px 6px}.cal .day{min-height:110px;background:var(--card);border:1px solid #2e2e2e;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:0}.cal .day.out{opacity:.4}.cal .day.today{border-color:var(--gold)}.cal .dn{font-size:12px;font-weight:600;color:var(--muted)}.cal .ev{font-size:12px;padding:3px 6px;border-radius:6px;background:#2e2e2e;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal .ev.URGENT{background:#3a2420}.cal .ev.HIGH{background:#3d3220}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login{width:100%;max-width:400px}.err{color:var(--bad);font-size:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:720px){.side{max-width:none;flex-basis:100%;flex-direction:row;flex-wrap:wrap;padding:12px}.brand{padding:8px 12px;width:100%}.side-foot{display:none}.content,.topbar{padding-left:16px;padding-right:16px}.cal{grid-template-columns:repeat(1,minmax(0,1fr))}.cal .day.out,.cal .dh{display:none}}.cost-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.4fr) minmax(160px,1.1fr) minmax(0,1fr) minmax(0,1.5fr);grid-gap:14px;gap:14px;align-items:start}.cost-grid input,.cost-grid select,.cost-grid textarea,.cost-grid>*{min-width:0}.cost-grid input,.cost-grid select,.cost-grid textarea{width:100%}.cost-grid .full{grid-column:1/-1}@media (max-width:900px){.cost-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:560px){.cost-grid{grid-template-columns:minmax(0,1fr)}}.suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;list-style:none;margin:0;padding:4px;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.suggest li{padding:8px 10px;border-radius:7px;font-size:14px;color:var(--text);cursor:pointer}.suggest li.on{background:#2c2c2c}.suggest li.hint{cursor:default;color:var(--muted);font-size:12px;padding:6px 10px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:flex;gap:8px;align-items:center;padding:12px 18px;border-radius:10px;background:#2a2a2a;border:1px solid var(--gold);color:var(--text);font-size:14px;font-weight:500;box-shadow:0 10px 30px rgba(0,0,0,.45);max-width:calc(100vw - 32px)}.toast>span{color:var(--gold);font-weight:700}.toast.bad{border-color:var(--bad)}.toast.bad>span{color:var(--bad)}.contact-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;padding:14px;border:1px solid #2e2e2e;border-radius:12px}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.action-row>details[open]{flex:1 1 100%;order:2}.month-nav{gap:10px;flex-wrap:wrap;margin:-6px 0 2px}.btn.danger-text{color:var(--bad)}.btn.danger-text:hover{border-color:var(--bad-line)}.pay{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.pay.paid{background:rgba(74,222,128,.12);color:var(--good,#4ade80)}.pay.part{background:#3d3220;color:var(--gold)}.pay.unpaid{background:var(--bad-soft);color:var(--bad)}.billing-table{table-layout:fixed;min-width:860px}.billing-table td.center,.billing-table th.center{text-align:center}.row-meta{display:flex;flex-wrap:wrap;margin-top:4px}.kind-tag,.row-meta{align-items:center;gap:4px;font-size:12px}.kind-tag{display:inline-flex;color:var(--muted)}.pay-stack{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.money-center td.num,.money-center th.num{text-align:center}.billing-table td:nth-child(3),.billing-table th:nth-child(3){padding-left:36px}@media (min-width:721px){.shell{align-items:flex-start}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.kpi-card{display:flex;flex-direction:column;gap:2px}.kpi-card .kpi{margin:6px 0 2px}.clients-table{min-width:860px}.item-name{display:flex;align-items:center;gap:5px;color:#d4d4d4;font-weight:500}.item-name svg{color:var(--muted);flex:none}.item-note{color:var(--faint);font-style:italic}.period-filter{position:relative}.period-box{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid #3a3a3a;border-radius:10px;background:#1e1e1e;font-size:14px;cursor:pointer;white-space:nowrap}.period-filter[open]>summary{margin-bottom:0}.period-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:300px;padding:10px;box-shadow:0 12px 32px rgba(0,0,0,.45)}.period-opt{display:block;padding:9px 10px;border-radius:8px;color:var(--text);font-size:14px}.period-opt:hover{background:#2c2c2c}.period-opt.on{background:var(--gold-soft);color:var(--gold)}.period-pop [role=dialog]{left:auto;right:-10px}.period-tabs{border-bottom:0;padding-bottom:0;align-items:center}.period-custom{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;color:#b8b8b8;font-size:14px;font-weight:500;cursor:pointer;list-style:none;white-space:nowrap}.period-custom::-webkit-details-marker{display:none}.period-custom.on{background:var(--gold-soft);color:var(--gold)}.period-tabs>.period-filter{display:flex}.period-tabs>.period-filter>summary{margin:0!important}