@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#e7ebff;--bg:#040714;--panel:#080b16;--panel-border:#ffffff14;--surface:#08101d;--surface-strong:#0d1628;--text:#e7ebff;--muted:#94a3b8;--muted-strong:#cbd5e1;--accent:#7c3aed;--accent-strong:#22d3ee;--success:#1de9b6;--warning:#fbbf24;--danger:#ef4444;--radius:20px;background-color:#040714}*{box-sizing:border-box}:before,:after{box-sizing:inherit}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:DM Sans,sans-serif}body{overflow-x:hidden}button,input,textarea,select{font:inherit}::placeholder{color:var(--muted)}button{outline:none}button:disabled,[disabled]{opacity:.6;cursor:not-allowed}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid #ffffff14;border-radius:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed29}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}select option{background:var(--surface);color:var(--text)}.admin-layout{background:var(--bg);min-height:100vh;display:flex}.admin-sidebar{background:var(--panel);border-right:1px solid var(--panel-border);z-index:10;flex-direction:column;width:280px;min-width:280px;padding:24px 0;display:flex;position:fixed;inset:0 auto auto 0}.admin-logo{border-bottom:1px solid #ffffff0d;padding:0 24px 24px}.admin-logo-heading{align-items:center;gap:12px;display:flex}.admin-logo-badge{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.admin-nav{flex:1;padding:16px 0}.sidebar-link{cursor:pointer;color:var(--muted);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text);background:#ffffff0a}.sidebar-link.active{color:var(--text);border-left-color:var(--accent);background:#ffffff14}.sidebar-footer{border-top:1px solid #ffffff0d;padding:20px 24px}.admin-main{flex:1;min-height:100vh;margin-left:280px;padding:32px 36px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text);margin:0;font-size:clamp(24px,2vw,32px);font-weight:700}.page-description{color:var(--muted);margin:8px 0 0;font-size:14px}.card-panel,.panel{background:var(--surface);border:1px solid #ffffff0f;border-radius:22px;padding:24px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.button-primary,.button-secondary,.button-action{border:none;border-radius:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.button-secondary{color:var(--text);background:#ffffff08;border:1px solid #ffffff14}.button-action:hover,.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.input-field,.select-field,.textarea-field{background:var(--surface);width:100%;color:var(--text);border:1px solid #ffffff14;border-radius:14px;padding:12px 14px}.input-field::placeholder,.textarea-field::placeholder{color:var(--muted)}.table-basic{border-collapse:collapse;width:100%}.table-basic th,.table-basic td{border-bottom:1px solid #ffffff0f;padding:14px 16px}.table-basic th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.table-basic td{color:var(--muted-strong);font-size:13px}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:960px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative}.admin-main{margin-left:0;padding:24px 18px}}@media (max-width:640px){.page-header{flex-direction:column;align-items:stretch}}