*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f8;color:#18202a}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#334155)}.login-card{width:min(430px,92%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 25px 70px #0007;text-align:center}.club-logo{width:70px;height:70px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;margin:auto;font-weight:bold}.login-card h1{font-size:20px;margin:18px 0 4px}.login-card p{color:#64748b}.login-card label,.card label{display:block;text-align:left;font-weight:600;margin:14px 0 6px}.login-card input,.card input,input,select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.btn{display:inline-block;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;background:#e2e8f0;text-decoration:none;color:#111827}.btn.primary{background:#111827;color:#fff}.full{width:100%;margin-top:18px}.topbar{background:#111827;color:#fff;padding:15px 24px;display:flex;justify-content:space-between}.topbar a{color:#fff;text-decoration:none}.container{max-width:1200px;margin:25px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.stat,.card{background:#fff;padding:22px;border-radius:14px;box-shadow:0 5px 18px #0000000c}.stat span{display:block;color:#64748b}.stat strong{display:block;font-size:28px;margin-top:8px}.menu{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.menu a{padding:12px 16px;background:#fff;border-radius:9px;text-decoration:none;color:#111827;box-shadow:0 3px 10px #0000000c}table{width:100%;border-collapse:collapse;background:#fff;margin-top:18px}th,td{padding:11px;border-bottom:1px solid #e2e8f0;text-align:left}th{background:#e2e8f0}.badge{padding:5px 8px;border-radius:6px;background:#e2e8f0}.alert{padding:10px;border-radius:8px;margin:10px 0}.danger{background:#fee2e2;color:#991b1b}.profile-head{background:#fff;border-radius:14px;padding:20px}.receipt{width:760px;max-width:95%;margin:30px auto;background:#fff;padding:30px;text-align:center}.receipt table{text-align:left}.receipt h2{margin:5px}.no-print{margin-top:20px}@media(max-width:700px){.container{padding:0 10px}.topbar{padding:12px}.receipt{padding:15px}table{font-size:13px;display:block;overflow-x:auto;white-space:nowrap}}@media print{.no-print{display:none!important}body{background:#fff}.receipt{width:100%;max-width:none;margin:0;box-shadow:none}}
:root{--nav:#0b1220;--nav2:#121c2e;--accent:#c79a3b;--ink:#172033;--muted:#6b7280;--surface:#fff;--bg:#eef2f7}
body{background:var(--bg);color:var(--ink)}
.topbar{background:linear-gradient(90deg,#0b1220,#18263d);border-bottom:2px solid #c79a3b}
.mrc-layout{display:flex;min-height:calc(100vh - 56px)}
.mrc-sidebar{width:245px;background:linear-gradient(180deg,#0b1220,#121c2e);color:#fff;padding:18px 12px;position:sticky;top:0;height:calc(100vh - 56px)}
.mrc-brand{display:flex;gap:10px;align-items:center;padding:8px 8px 20px;border-bottom:1px solid #ffffff20;margin-bottom:14px}
.mrc-brand small{display:block;color:#aeb9c9;margin-top:3px}
.mrc-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#c79a3b;color:#111;font-weight:900}
.mrc-sidebar nav a{display:block;color:#dbe4f0;text-decoration:none;padding:11px 12px;border-radius:8px;margin:4px 0}
.mrc-sidebar nav a:hover{background:#ffffff14;color:#fff}
.mrc-main{flex:1;padding:24px;min-width:0}
.premium-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.premium-title{font-size:24px;font-weight:800}
.premium-sub{color:var(--muted);margin-top:4px}
.stat{border-top:3px solid #c79a3b}
.btn.gold{background:#c79a3b;color:#111;font-weight:700}
.card{border:1px solid #e5e7eb}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:15px}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:18px 0}
.quick-actions a{background:#fff;padding:18px;border-radius:12px;text-decoration:none;color:#111827;border:1px solid #e5e7eb;font-weight:700}
.quick-actions a:hover{border-color:#c79a3b;transform:translateY(-1px)}
.table-wrap{overflow:auto;border-radius:12px}
@media(max-width:900px){.mrc-sidebar{display:none}.mrc-main{padding:14px}.kpi-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.kpi-grid,.quick-actions{grid-template-columns:1fr}}