:root{--bg: #050b17;--bg-gradient: linear-gradient(180deg, #050b17 0%, #071a33 50%, #020817 100%);--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(148, 163, 184, .35);--accent: #22d3ee;--accent-soft: #0ea5e9;--accent-warn: #f97316;--text-main: #e5f0ff;--text-muted: #9ca3af}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-main)}a{color:inherit;text-decoration:none}button{font:inherit}.page{min-height:100vh;padding:1.25rem}.center{display:flex;align-items:center;justify-content:center}.admin-root{display:flex;min-height:100vh}.sidebar{width:230px;padding:1rem;display:flex;flex-direction:column;gap:1.5rem;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 60%),linear-gradient(180deg,#0f172afa,#0f172ae6)}.sidebar h2{font-size:1.2rem;font-weight:700;letter-spacing:.04em}.sidebar nav{display:flex;flex-direction:column;gap:.5rem}.sidebar nav a{padding:.55rem .75rem;border-radius:999px;font-size:.9rem;color:var(--text-muted);transition:all .15s ease}.sidebar nav a:hover{background:#0f172ae6;color:var(--accent)}.main-area{flex:1;padding:1rem;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.card{padding:1rem;border-radius:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 55%),linear-gradient(145deg,#0f172af0,#0f172adb);border:1px solid var(--glass-border);box-shadow:0 18px 45px #0f172ae6,inset 0 0 0 1px #94a3b814}.card h2,.card h3,.card h4{margin-top:0}button{border-radius:999px;border:none;background:linear-gradient(90deg,var(--accent-soft),var(--accent));color:#020617;padding:.45rem .9rem;cursor:pointer;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem;box-shadow:0 8px 25px #082f4999}button:disabled{opacity:.6;cursor:default;box-shadow:none}button.secondary{background:#0f172ae6;color:var(--text-main);border:1px solid rgba(148,163,184,.4);box-shadow:none}input,select,textarea{width:100%;padding:.55rem .7rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.5);background:#0f172ab3;color:var(--text-main);font-size:.9rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.stat-number{font-size:1.8rem;font-weight:700}.stat-label{font-size:.85rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);font-size:.7rem;color:var(--text-muted)}pre{background:#0f172ad9;border-radius:.75rem;padding:.75rem;overflow:auto;font-size:.75rem}.loader{border-radius:999px;padding:.5rem 1rem;border:1px solid rgba(148,163,184,.5);display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem}.loader:before{content:"";width:10px;height:10px;border-radius:999px;border:2px solid rgba(148,163,184,.7);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.admin-root{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;overflow-x:auto}.sidebar nav{flex-direction:row;flex-wrap:nowrap}.sidebar nav a{white-space:nowrap}}