:root{--bg:#06080c;--panel:#11161e;--panel2:#161d27;--line:#25303e;--text:#f4f7fb;--muted:#84909f;--red:#e53935;--red2:#ff5a55;--green:#39cd7e;--yellow:#f0ba48;--sidebar:250px;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}input,select,button{font:inherit}.login-body{background:radial-gradient(circle at 18% 30%,rgba(229,57,53,.2),transparent 27%),linear-gradient(135deg,#050609,#0b0e14 55%,#08090c)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand{padding:52px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;letter-spacing:.11em}.brand small,.side-brand small{display:block;color:#697585;margin-top:3px}.logo{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#ff625c,#941412);display:grid;place-items:center;font-weight:900;box-shadow:0 12px 34px rgba(229,57,53,.25)}.logo.small{width:42px;height:42px;border-radius:12px}.hero{max-width:650px}.hero span,.welcome span{font-size:11px;color:#ff817d;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1;margin:14px 0 18px;letter-spacing:-.045em}.hero p,.welcome p{color:#a1acba;line-height:1.65}.login-form-area{display:flex;align-items:center;justify-content:center;padding:28px}.login-card{width:min(430px,100%);background:rgba(17,22,30,.97);border:1px solid var(--line);padding:28px;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.4)}.login-card h2{margin:22px 0 5px}.mobile-brand{display:none}.muted{color:var(--muted)}label{display:block;font-size:12px;color:#b8c3d0;margin:13px 0 7px}input,select{width:100%;background:#0a0e14;border:1px solid #2a3544;color:white;border-radius:11px;padding:12px 13px;outline:none}input:focus,select:focus{border-color:#b43b38;box-shadow:0 0 0 3px rgba(229,57,53,.08)}button,.primary,.secondary{border:0;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer}.primary{display:inline-block;background:linear-gradient(135deg,var(--red2),#b91f1b);color:#fff;margin-top:15px}.wide{width:100%}.secondary{display:inline-block;background:#1b2431;border:1px solid #2c3949;color:#e7edf5}.login-note{margin-top:18px;border:1px solid #202a36;background:#0c1118;border-radius:11px;padding:11px;color:#7f8b99;font-size:11px;line-height:1.6}.alert{padding:12px 14px;border-radius:11px;margin:0 0 15px;font-size:13px}.alert.error{background:rgba(229,57,53,.11);border:1px solid rgba(229,57,53,.28);color:#ff9692}.alert.success{background:rgba(57,205,126,.11);border:1px solid rgba(57,205,126,.25);color:#78e1a8}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0a0d12;border-right:1px solid #1d2530;padding:18px 13px;display:flex;flex-direction:column;z-index:30}.side-brand{display:flex;align-items:center;gap:11px;padding:5px 7px 20px;border-bottom:1px solid #1b232d;margin-bottom:13px}.side-brand strong{letter-spacing:.08em}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;color:#98a4b4;margin-bottom:4px;font-weight:700;font-size:14px}.sidebar nav a span{width:25px;text-align:center}.sidebar nav a:hover{background:#111720;color:#fff}.sidebar nav a.active{color:#ff827d;background:rgba(229,57,53,.12);border:1px solid rgba(229,57,53,.15)}.side-bottom{margin-top:auto}.user-box{padding:11px;border:1px solid #202a36;border-radius:12px;background:#0d1219;margin-bottom:9px}.user-box b,.user-box span{display:block}.user-box b{font-size:13px}.user-box span{font-size:11px;color:#718091;margin-top:3px}.logout{display:block;text-align:center;background:#1b1012;border:1px solid #432022;color:#ff8e8a;padding:10px;border-radius:10px;font-weight:800}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:74px;position:sticky;top:0;z-index:10;background:rgba(7,9,13,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.top-left{display:flex;gap:12px;align-items:center}.topbar h1{font-size:20px;margin:0}.topbar p{margin:3px 0 0;color:#737f8f;font-size:12px}.date-pill{border:1px solid #222c39;background:#10151d;padding:9px 12px;border-radius:999px;color:#aab5c2;font-size:12px}.menu{display:none;background:#151b24;color:white;border:1px solid #2a3543}.content{padding:22px 24px 35px}.welcome{background:linear-gradient(135deg,rgba(229,57,53,.16),#11161e 42%);border:1px solid #252e3b;border-radius:21px;padding:24px;margin-bottom:17px}.welcome h2{font-size:27px;margin:8px 0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.card,.panel{background:linear-gradient(180deg,#141a23,#0e1218);border:1px solid #232d3a;border-radius:var(--radius);box-shadow:0 18px 48px rgba(0,0,0,.25)}.card{padding:18px}.card small,.card em{display:block;color:#7e8a99;font-size:11px;font-style:normal}.card strong{display:block;font-size:26px;margin:8px 0}.green{color:#62df9c!important}.red{color:#ff7974!important}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick{background:#10151d;border:1px solid #252f3d;border-radius:17px;padding:18px;min-height:145px}.quick:hover{border-color:#563133;transform:translateY(-1px)}.quick>b{font-size:22px}.quick h3{margin:17px 0 5px}.quick p{font-size:12px;color:#788596;line-height:1.5;margin:0}.grid.two{display:grid;grid-template-columns:1.05fr .95fr;gap:17px}.panel{padding:20px}.panel h2{font-size:18px;margin:0 0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid .full{grid-column:1/-1}.preview{display:flex;justify-content:space-between;align-items:center;border:1px dashed #334256;border-radius:11px;padding:12px 13px;margin-top:13px;color:#aeb9c5;font-size:12px}.preview strong{font-size:17px;color:white}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.mini{background:#0d1219;border:1px solid #202a36;border-radius:13px;padding:15px}.mini span,.mini b{display:block}.mini span{font-size:11px;color:#7d8998}.mini b{font-size:20px;margin-top:8px}.upload{border:1px dashed #3a495d;background:#0b1017;padding:18px;border-radius:12px;text-align:center;cursor:pointer}.upload input{display:none}.upload span{font-size:12px;color:#c2ccd8}.photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.photo-preview img{width:75px;height:75px;object-fit:cover;border-radius:9px;border:1px solid #344152}.page-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.table-wrap{overflow:auto;border:1px solid #222b37;border-radius:13px;margin-top:14px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid #1e2631;text-align:left;font-size:12px}th{color:#8895a5;background:#111722}tbody tr:hover{background:#111720}.empty{text-align:center;color:#718091}.badge{display:inline-flex;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:800}.badge.paid{color:#6edea0;background:rgba(57,205,126,.12)}.badge.partial{color:#ff8580;background:rgba(229,57,53,.12)}.badge.open{color:#f5c963;background:rgba(240,186,72,.12)}.thumbs{display:flex;gap:6px;align-items:center}.thumbs img{width:43px;height:43px;object-fit:cover;border-radius:8px;border:1px solid #354253}.mt{margin-top:17px}.narrow{max-width:650px}.tiny{padding:7px 9px;border-radius:8px;font-size:11px}.danger-btn{background:#2c1315;color:#ff8f8b;border:1px solid #542527}.secondary-btn{background:#17202b;color:#dbe3ec;border:1px solid #2b3848}footer{text-align:center;color:#505b68;font-size:11px;padding:22px 0 0}.mobile-overlay{display:none}
@media(max-width:980px){.summary-grid{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-form-area{min-height:100vh;padding:17px}.mobile-brand{display:flex}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu{display:block}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:29;opacity:0;pointer-events:none;transition:.25s}.mobile-overlay.show{opacity:1;pointer-events:auto}.topbar{padding:0 13px}.date-pill{display:none}.content{padding:15px 13px 28px}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:480px){.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.card{padding:13px}.card strong{font-size:20px}.mini-grid{grid-template-columns:1fr}.welcome h2{font-size:22px}}