*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-2:#21263a;--color-border:#2e3347;--color-text:#e4e8f0;--color-text-muted:#7a84a0;--color-primary:#4f7ef8;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--color-admin-banner:#7c2d12;font-family:Inter,system-ui,sans-serif}body{background:var(--color-bg);color:var(--color-text);min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.admin-banner{background:var(--color-admin-banner);color:#fef2f2;text-align:center;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;font-size:.75rem;font-weight:700}.layout{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:220px;padding:24px 0}.sidebar-logo{color:var(--color-text);border-bottom:1px solid var(--color-border);margin-bottom:12px;padding:0 20px 20px;font-size:1rem;font-weight:700}.sidebar-logo span{color:var(--color-primary)}.sidebar nav a{color:var(--color-text-muted);border-radius:0;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar nav a:hover{background:var(--color-surface-2);color:var(--color-text);padding-left:20px;text-decoration:none}.sidebar nav a.active{background:var(--color-surface-2);color:var(--color-text);border-left:3px solid var(--color-primary);padding-left:17px;font-weight:600;text-decoration:none}.main{flex:1;padding:32px;overflow-y:auto}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;font-weight:700}.page-header p{color:var(--color-text-muted);margin-top:4px;font-size:.875rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:16px;padding:20px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:.875rem}.table th{color:var(--color-text-muted);background:var(--color-surface-2);font-weight:500}.table tbody tr:hover{background:var(--color-surface-2)}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{background:var(--color-primary);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-active{color:#6ee7b7;background:#064e3b}.badge-suspended{color:#fca5a5;background:#450a0a}.badge-pending{color:#fcd34d;background:#3b2507}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;min-width:440px;max-width:560px;padding:28px}.modal h2{margin-bottom:20px;font-size:1.1rem;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text-muted);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}input,select,textarea{background:var(--color-surface-2);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;outline:none;padding:8px 12px;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.error-box{color:#fca5a5;background:#450a0a;border:1px solid #7f1d1d;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.loading{color:var(--color-text-muted);text-align:center;padding:40px}