@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--bg-app:#07090e;--bg-sidebar:#0b0e14;--bg-surface:#101520;--bg-card:#151d2e;--bg-panel:#1a243a;--border-muted:#ffffff0d;--border-normal:#ffffff17;--border-active:#ffffff2e;--color-primary:#00f0ff;--color-primary-glow:#00f0ff26;--color-primary-dark:#00b0c0;--color-secondary:#bd00ff;--color-secondary-glow:#bd00ff26;--color-success:#05f094;--color-success-glow:#05f0941f;--color-error:#ff3b69;--color-error-glow:#ff3b691f;--text-main:#f3f5f9;--text-muted:#8c9bb4;--text-dark:#4b586e;--sidebar-width:260px;--topbar-height:70px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;border-color:var(--border-normal);margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.app-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-normal);flex-direction:col;z-index:10;flex-shrink:0;height:100%;display:flex}.sidebar-header{height:var(--topbar-height);border-b:1px solid var(--border-muted);align-items:center;gap:12px;padding:0 24px;display:flex}.logo-glow{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:32px;height:32px;box-shadow:0 0 12px var(--color-primary-glow);font-family:var(--font-display);color:#000;justify-content:center;align-items:center;font-weight:700;display:flex}.logo-text{background:linear-gradient(to right, var(--text-main), #a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 16px;display:flex;overflow-y:auto}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-main);background-color:#ffffff08}.nav-item.active{color:var(--color-primary);background-color:var(--color-primary-glow);border-color:#00f0ff33;box-shadow:inset 0 0 8px #00f0ff0d}.sidebar-footer{border-top:1px solid var(--border-muted);align-items:center;gap:12px;padding:16px;display:flex}.app-main{background-color:var(--bg-app);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.app-topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-normal);z-index:5;background-color:#0b0e1466;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.topbar-title{font-size:1.35rem;font-family:var(--font-display)}.user-pill{border:1px solid var(--border-muted);background-color:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.role-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.role-admin{background-color:var(--color-secondary-glow);color:#e879f9;border:1px solid #bd00ff4d}.role-user{background-color:var(--color-primary-glow);color:var(--color-primary);border:1px solid #00f0ff4d}.app-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.glass-card{background:var(--bg-surface);border:1px solid var(--border-normal);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0000003d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 20px #00f0ff4d}}.glow-pulse{animation:3s infinite pulseGlow}