:root{--bg:#f6f7fb;--card:#fff;--ink:#101827;--muted:#667085;--accent:#5b5cf0;--good:#0e9f6e;--warn:#d97706;--bad:#dc2626;--line:#e7eaf0}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef1ff 0,#f7f8fb 220px);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(18px,calc((100vw - 1160px)/2));background:rgba(15,23,42,.94);color:#fff;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center}.brand small{display:block;color:#cbd5e1}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#7475ff;font-weight:800}.top nav{display:flex;flex-wrap:wrap;gap:6px}.top a{color:#fff;text-decoration:none;padding:9px 11px;border-radius:10px}.top a:hover{background:#ffffff18}.wrap{max-width:1160px;margin:28px auto;padding:0 18px 50px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 22px}.hero h1{margin:0;font-size:clamp(26px,4vw,42px);letter-spacing:-.03em}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 4;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px #19213b0b}.wide{grid-column:span 8}.full{grid-column:1/-1}.kpi{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:5px 0}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:700}.tag.good{background:#ecfdf5;color:#047857}.tag.warn{background:#fff7ed;color:#c2410c}.progress{height:9px;background:#edf0f5;border-radius:99px;overflow:hidden;margin:10px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,#6264f5,#9d70ff);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#5b5cf0;color:#fff;padding:11px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#eef2ff;color:#4344c7}.btn.danger{background:#fee2e2;color:#b91c1c}.actions{display:flex;gap:8px;flex-wrap:wrap}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form .full{grid-column:1/-1}label{font-weight:700;font-size:13px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d9deea;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;color:inherit;outline:none}input:focus,select:focus{border-color:#7778f5;box-shadow:0 0 0 3px #6d6ff01c}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;color:var(--muted);text-transform:uppercase}.money{text-align:right;font-variant-numeric:tabular-nums}.income{color:#047857}.expense{color:#b42318}.notice{padding:14px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.login{max-width:460px;margin:8vh auto}.login.card{grid-column:auto}footer{text-align:center;color:var(--muted);font-size:12px;padding:25px} @media(max-width:800px){.top{align-items:flex-start;flex-direction:column}.top nav{width:100%;overflow:auto;flex-wrap:nowrap}.card,.wide{grid-column:1/-1}.form{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}table{font-size:13px}.hide-sm{display:none}}
.goodbox{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.invoice-sheet{max-width:900px;margin:auto;background:white;border:1px solid var(--line);padding:48px;border-radius:18px}.invoice-head,.invoice-cols{display:flex;justify-content:space-between;gap:30px;margin-bottom:40px}.invoice-logo{margin-bottom:10px}@media print{.top,.no-print,footer,.hero .actions{display:none!important}.wrap{max-width:none;margin:0;padding:0}.invoice-sheet,.card{border:0;box-shadow:none}.invoice-sheet{padding:0}.card{break-inside:avoid}body{background:#fff}}