:root{--bg:#0c0f14;--card:#161c27;--line:#303b4d;--text:#eef2f7;--muted:#a2aec0;--blue2:#80bbed;--gold:#d4b65a;--grad:linear-gradient(135deg,#245b90,#286da7)}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.65 Manrope,system-ui,sans-serif}a{color:var(--blue2);text-underline-offset:4px}h1,h2,h3,.logo{font-family:Sora,system-ui,sans-serif;line-height:1.25}h1{font-size:clamp(26px,4vw,40px);margin:14px 0}h2{font-size:19px}button,select,input{font:inherit}button{cursor:pointer}.wrap{max-width:1320px;margin:auto;padding:0 28px}nav{border-bottom:1px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.logo{font-size:22px;font-weight:700;color:var(--text);text-decoration:none}.logo span{color:var(--gold)}main{padding:42px 0 64px}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.intro{max-width:800px;color:var(--muted)}.notice{margin:24px 0;padding:18px 22px;background:#172537;border:1px solid #385779;border-radius:12px;color:#cfdef0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.btn{padding:10px 16px;min-height:44px;border:1px solid #56657a;border-radius:9px;background:transparent;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.btn.primary{background:var(--grad);border-color:transparent}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 30px}.kpi{padding:22px;border:1px solid var(--line);background:var(--card);border-radius:12px}.kpi h2{font:14px Manrope,sans-serif;color:var(--muted)}.kpi strong{display:block;font:700 clamp(21px,2.4vw,30px) Sora,sans-serif;margin:12px 0}.kpi small{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.layout>*{min-width:0}.filters{display:grid;grid-template-columns:minmax(160px,2fr) 1fr 1fr;gap:12px;margin:18px 0}.filters label{display:block;font-size:12px;color:var(--muted)}input,select{display:block;width:100%;color:var(--text);background:var(--bg);border:1px solid #58667b;border-radius:8px;padding:10px;min-height:44px;margin-top:5px}#results-count{font-size:14px;color:var(--muted);min-height:24px}table{width:100%;border-collapse:collapse;min-width:780px;font-size:13px}th,td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line)}thead{background:var(--card)}thead th{font-weight:600;color:var(--muted)}tbody th{font-weight:600}td.amount{font-variant-numeric:tabular-nums;white-space:nowrap}td small{display:block;max-width:120px;color:var(--muted);font-size:11px}td select{min-width:135px;margin:0}.overdue{color:#ffb7b0}.empty{text-align:center;padding:32px;color:var(--muted)}.calendar{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:16px 0}.calendar-header button{border:1px solid #58667b;border-radius:8px;background:transparent;color:var(--text);width:38px;height:44px}.calendar-header h3{font-size:14px;text-transform:capitalize}.weekdays,#calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.weekdays span{text-align:center;font-size:11px;color:var(--muted);padding:8px 0}.day{min-width:0;min-height:40px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:6px;font-size:12px}.day span{display:block;font-size:9px;line-height:10px;color:var(--gold)}.day.today{border-color:#6ba8da}.day.has-invoice{background:#253249}.day[aria-pressed=true]{background:#e4cd86;color:#0c0f14}.day[aria-pressed=true] span{color:#0c0f14}.calendar p{font-size:12px;color:var(--muted);margin-top:16px}.scope-note{color:var(--muted);font-size:13px;margin:8px 0}#demo-status{min-height:26px;color:#bfe4d8;font-size:14px;margin-top:16px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.layout .table-scroll table{min-width:780px}.actions .btn:not(.primary){background:transparent}
@media(max-width:1080px){.layout{grid-template-columns:minmax(0,1fr)}.calendar{max-width:420px}}
@media(max-width:600px){.wrap{padding:0 18px}main{padding-top:28px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:15px}.kpi strong{font-size:21px}.filters{grid-template-columns:1fr 1fr}.filters>div:first-child{grid-column:1/-1}nav a:last-child{font-size:12px;max-width:155px;text-align:right}.notice{padding:16px}.actions .btn{flex:1}.calendar{max-width:none}.day{min-height:44px}}