:root{--gold:#c9952e;--gold-dark:#9b6e16;--ink:#111318;--sidebar:#090a0d;--paper:#f7f4ed;--card:#fff;--muted:#69707d;--line:#e4dfd3;--danger:#b42318;--success:#16794a;--shadow:0 12px 32px rgba(20,18,12,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.45}a{color:var(--gold-dark);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--sidebar);color:#fff;position:fixed;inset:0 auto 0 0;padding:18px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:18px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{width:58px;height:58px;object-fit:contain;border-radius:12px}.nav-list{display:grid;gap:4px;margin-top:18px}.nav-list a,.nav-logout{display:block;width:100%;padding:10px 12px;border-radius:9px;color:#e9e6dd;background:transparent;border:0;text-align:left;cursor:pointer}.nav-list a:hover,.nav-list a.active,.nav-logout:hover{background:rgba(201,149,46,.19);color:#ffd77a}.logout-form{margin-top:auto}.main-area{margin-left:248px;width:calc(100% - 248px)}.content{padding:28px;max-width:1500px;margin:auto}.mobile-header{display:none;background:var(--sidebar);color:#fff;padding:10px 14px;align-items:center;gap:10px;position:sticky;top:0;z-index:20}.mobile-header img{width:42px;height:42px;object-fit:contain}.menu-button{background:transparent;color:#fff;border:1px solid #444;border-radius:7px;padding:6px 10px;font-size:20px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-heading h1{margin:0;font-size:28px}.page-heading p{margin:5px 0 0;color:var(--muted)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.button.primary{background:var(--gold);border-color:var(--gold);color:#111}.button.danger{background:#fff4f2;color:var(--danger);border-color:#f2b8b0}.button.secondary{background:#181a1f;color:#fff;border-color:#181a1f}.button.small{padding:6px 10px;font-size:13px}.button.full{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:26px;font-weight:850;margin-top:4px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f1ede4;font-size:13px;color:#3e4148;white-space:nowrap}tr:last-child td{border-bottom:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;border-radius:999px;padding:3px 8px;background:#eee;font-size:12px;font-weight:750;text-transform:capitalize}.badge.active,.badge.paid,.badge.present,.badge.confirmed_sent{background:#e5f7ee;color:#14633e}.badge.overdue,.badge.absent,.badge.inactive,.badge.cancelled{background:#fff0ed;color:#a52218}.badge.due,.badge.partially_paid,.badge.late,.badge.upcoming{background:#fff6d9;color:#7d5b08}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.filters input,.filters select{min-width:145px}.form-card{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}.form-stack{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid #cfc8b9;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,149,46,.35);border-color:var(--gold)}textarea{min-height:105px;resize:vertical}.checkbox-grid{display:flex;gap:12px;flex-wrap:wrap}.checkbox-grid label{display:flex;align-items:center;font-weight:500;background:#f5f2ea;border:1px solid var(--line);padding:8px 10px;border-radius:8px}.checkbox-grid input{width:auto}.form-footer{display:flex;gap:10px;margin-top:18px}.alert{padding:12px 14px;border-radius:9px;margin-bottom:16px}.alert.success{background:#e8f8ef;color:#135f3c;border:1px solid #b8e1ca}.alert.error{background:#fff0ed;color:#8e2119;border:1px solid #f2b8b0}.alert ul{margin:6px 0 0}.detail-list{display:grid;grid-template-columns:180px 1fr;gap:9px 15px}.detail-list dt{font-weight:750;color:var(--muted)}.detail-list dd{margin:0}.avatar{width:90px;height:90px;border-radius:14px;object-fit:cover;background:#111}.empty{text-align:center;padding:36px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}.pagination a,.pagination span{padding:7px 11px;border-radius:7px;border:1px solid var(--line);background:#fff}.pagination .disabled{opacity:.5}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#27200f,#050505 58%);padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.42);text-align:center}.login-logo{width:170px;height:170px;object-fit:contain;background:#000;border-radius:18px}.login-card h1{margin-bottom:4px}.login-card>p{color:var(--muted);margin-top:0}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:9px 0;border-bottom:1px solid var(--line)}.list-clean li:last-child{border-bottom:0}.print-only{display:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.mobile-header{display:flex}.content{padding:18px}.page-heading{align-items:stretch;flex-direction:column}.form-grid,.grid-2,.grid-3{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.cards{grid-template-columns:1fr 1fr}.detail-list{grid-template-columns:1fr}.detail-list dd{margin-bottom:8px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.content{padding:14px}.login-card{padding:22px}.page-heading h1{font-size:24px}.button{width:100%}.actions .button{width:auto}.filters>*{width:100%}.filters input,.filters select{min-width:0}}
@media print{.sidebar,.mobile-header,.page-actions,.filters,.button,.alert{display:none!important}.main-area{margin:0;width:100%}.content{padding:0}.card,.table-wrap{box-shadow:none;border-color:#bbb}.print-only{display:block}body{background:#fff}}