:root{--blue:#0755b6;--navy:#092b5b;--sky:#eaf4ff;--green:#0a9b5a;--red:#df3045;--gold:#f0a400;--purple:#7838d6;--ink:#10213d;--muted:#62728b;--line:#dce6f2;--bg:#f4f8fd;--card:#fff;--shadow:0 8px 24px rgba(26,67,116,.09)}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef7ff,#fff6eb)}.login-card{width:min(430px,92vw);padding:36px;background:#fff;border-radius:22px;box-shadow:0 25px 70px #1233}.login-card img{width:210px;display:block;margin:auto}.login-card h1{text-align:center;color:var(--navy);font-size:24px}.login-card p{text-align:center;color:var(--muted)}label{display:grid;gap:6px;font-weight:650;margin:14px 0}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bfd0e2;border-radius:9px;background:white;color:var(--ink)}button{border:0;border-radius:9px;padding:11px 16px;background:var(--blue);color:white;font-weight:700;cursor:pointer}.login-card button{width:100%;margin:10px 0}.login-card small{display:block;color:var(--muted);text-align:center}header{height:74px;position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;gap:22px;padding:10px 22px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:315px}.brand img{width:56px;height:52px;object-fit:contain}.brand b{font-size:22px;color:var(--navy);display:block}.brand span{font-size:13px;color:var(--muted)}header select{max-width:260px;margin-left:auto}.user{display:flex;gap:12px;align-items:center}.link{background:transparent;color:var(--blue);padding:6px}.icon-btn{display:none;padding:8px 10px}aside{position:fixed;z-index:15;top:74px;bottom:0;width:230px;background:#fff;border-right:1px solid var(--line);overflow:auto;padding:12px}nav button{width:100%;display:flex;text-align:left;background:transparent;color:#344867;padding:10px 12px;margin:2px 0;font-weight:600}nav button.active,nav button:hover{background:linear-gradient(100deg,#0767dc,#0755b6);color:white}main{margin-left:230px;padding:92px 18px 28px;max-width:1700px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.quick button:nth-child(1){background:var(--blue)}.quick button:nth-child(2){background:var(--green)}.quick button:nth-child(3){background:var(--red)}.quick button:nth-child(4){background:#ed7a00}.quick button:nth-child(5){background:var(--purple)}.welcome{background:linear-gradient(120deg,#082b62,#0878d9);color:#fff;padding:20px 24px;border-radius:16px;margin-bottom:14px}.welcome h1{margin:0;font-size:25px}.welcome p{margin:4px 0 0;color:#d8ebff}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.card{padding:16px;border-top:4px solid var(--blue)}.card.green{border-top-color:var(--green);background:#f2fff8}.card.red{border-top-color:var(--red);background:#fff6f7}.card.gold{border-top-color:var(--gold);background:#fffaf0}.card.purple{border-top-color:var(--purple);background:#fbf7ff}.card span{font-weight:700;color:#3a4d6c}.card strong{display:block;font-size:25px;margin:5px 0}.card small{color:var(--muted)}.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px}.panel{padding:18px;overflow:auto}.panel h2,.page-title h1{margin:0 0 14px;color:var(--navy);font-size:20px}.bars{height:245px;display:flex;align-items:end;gap:28px;border-bottom:1px solid var(--line);padding:15px 25px}.bar{flex:1;min-width:65px;border-radius:9px 9px 0 0;position:relative;background:var(--blue);height:var(--h)}.bar:nth-child(2){background:var(--red)}.bar:nth-child(3){background:var(--gold)}.bar:nth-child(4){background:var(--green)}.bar b{position:absolute;top:-28px;width:100%;text-align:center}.bar span{position:absolute;bottom:-27px;width:100%;text-align:center;font-size:13px}.accounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.account{padding:15px;border-radius:13px;color:white;background:linear-gradient(135deg,#163f77,#0876d7)}.account:nth-child(2){background:linear-gradient(135deg,#0c8063,#14ad7a)}.account:nth-child(3){background:linear-gradient(135deg,#a46200,#f0a400)}.account:nth-child(4){background:linear-gradient(135deg,#5a2999,#8a4bdd)}.account strong{font-size:22px;display:block}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#e8f1fb;color:var(--blue)}.danger{background:var(--red)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line)}th{color:#425979;background:#f4f8fd;font-size:13px}.amount{text-align:right}.status{padding:4px 8px;border-radius:20px;font-size:12px;font-weight:700;background:#eaf7ef;color:#087844}.status.unpaid{background:#fff0e5;color:#b24e00}.empty{text-align:center;padding:40px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px #10213d55;width:min(720px,94vw)}dialog::backdrop{background:#071a3488}.modal{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#092b5b;color:white;border-radius:10px;padding:12px 18px;display:none}.toast.show{display:block}.report-line{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}.report-line.total{font-size:18px;font-weight:800;border-top:2px solid var(--navy)}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(3,1fr)}.accounts{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{height:66px;padding:8px 10px;gap:8px}.icon-btn{display:block}.brand{min-width:0}.brand img{width:38px}.brand b{font-size:15px}.brand span,.user b{display:none}header select{max-width:150px}aside{top:66px;transform:translateX(-105%);transition:.2s;width:245px;box-shadow:20px 0 50px #1233}aside.open{transform:none}main{margin:0;padding:78px 10px 20px}.quick{display:flex;overflow:auto}.quick button{min-width:145px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.accounts{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:430px){.cards{grid-template-columns:1fr}.accounts{grid-template-columns:1fr}.brand div{display:none}}