:root{--primary:#c71920;--primary-dark:#8e1117;--bg:#f5f7fb;--card:#fff;--text:#18202a;--muted:#687385;--line:#e5e9f0;--good:#11845b;--bad:#c71920;--warn:#b36b00;--shadow:0 18px 40px rgba(16,24,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit}.login-wrap,.install-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fff 0%,#f6eef0 45%,#f5f7fb 100%)}.login-card,.install-card{width:min(980px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.login-card{max-width:460px}.brand-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.brand-row img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--line)}h1,h2,h3{margin:0 0 8px}.brand-row p,.muted{color:var(--muted);margin:0}.field,label{display:grid;gap:6px;margin-bottom:12px;color:#344054;font-size:14px}.field input,label input,label select,label textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--text)}textarea{min-height:86px}.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:#eef2f7;color:#273444}.btn.ghost{background:transparent;color:var(--primary)}.btn.danger{background:#ffe7e7;color:#a50f15}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.alert{padding:12px;border-radius:12px;margin:12px 0}.alert.success{background:#e8f7ef;color:#086a43;border:1px solid #b9ead2}.alert.danger{background:#fdeaea;color:#9d1116;border:1px solid #fac5c7}.note{padding:14px;border-radius:14px;background:#f7f8fb;color:#526070;margin-top:18px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-form .btn{grid-column:1/-1;justify-content:center}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#111827;color:#e5e7eb;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.side-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.side-brand img{width:50px;height:50px;border-radius:14px;background:#fff;object-fit:contain}.side-brand h2{font-size:16px;margin:0}.side-brand span{font-size:12px;color:#a8b0bf}.nav-section{font-size:11px;text-transform:uppercase;color:#8d98aa;margin:18px 8px 8px}.nav button{width:100%;border:0;text-align:left;background:transparent;color:#d8dee9;padding:10px 12px;border-radius:12px;cursor:pointer;display:flex;gap:9px;align-items:center}.nav button:hover,.nav button.active{background:rgba(255,255,255,.1);color:#fff}.main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:sticky;top:0;z-index:10}.topbar h1{font-size:20px;margin:0}.mobile-menu{display:none}.content{padding:22px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 4px 18px rgba(16,24,40,.04)}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:23px;font-weight:800;margin-top:7px}.metric.good .value{color:var(--good)}.metric.bad .value{color:var(--bad)}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.toolbar .left,.toolbar .right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:220px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;font-size:14px;min-width:780px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f8fafc;color:#344054;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table tr:hover td{background:#fcfcfd}.amount{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3440a1;font-size:12px;font-weight:700}.pill.paid{background:#e8f7ef;color:#087443}.pill.partial{background:#fff6dc;color:#8a5a00}.pill.unpaid{background:#fdeaea;color:#9d1116}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:1/-1}.modal{position:fixed;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;padding:18px;z-index:50}.modal-box{width:min(980px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.close{border:0;background:#eef2f7;border-radius:10px;width:38px;height:38px;cursor:pointer;font-size:20px}.line-items{display:grid;gap:10px}.line-row{display:grid;grid-template-columns:1.5fr .8fr .7fr .8fr .8fr 42px;gap:8px;align-items:end;padding:10px;background:#f8fafc;border-radius:14px}.journal-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.5fr 42px;gap:8px;align-items:end;padding:10px;background:#f8fafc;border-radius:14px}.report-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.chart{height:280px;display:flex;gap:16px;align-items:end;padding:16px}.bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:10px 10px 0 0;min-height:8px;position:relative}.bar span{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-size:12px;color:#344054;margin-bottom:6px}.bar label{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:12px;color:#667085;margin-top:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-note{font-size:12px;color:var(--muted);margin-top:22px}.not-installed{margin:40px auto}.spinner{width:18px;height:18px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;z-index:40;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.grid-form,.settings-grid{grid-template-columns:1fr}.line-row,.journal-row{grid-template-columns:1fr}.topbar{padding:0 12px}.content{padding:14px}.table{min-width:680px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.brand-row img{width:56px;height:56px}.login-card,.install-card{padding:18px;border-radius:18px}.topbar h1{font-size:16px}.metric .value{font-size:20px}}