@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-deep:#0a0a0f;--bg-navy:#0d1117;--bg-card:#161b22;--bg-card-hover:#21262d;--bg-elevated:#1c2128;--bg-surface:#13161b;--bg-overlay:#0a0a0fd9;--accent-cyan:#00d4ff;--accent-magenta:#ff006e;--accent-green:#00e676;--accent-amber:#ffab00;--accent-red:#ff3d5a;--accent-purple:#a855f7;--accent-cyan-10:#00d4ff1a;--accent-cyan-20:#00d4ff33;--accent-cyan-40:#00d4ff66;--accent-magenta-10:#ff006e1a;--accent-magenta-20:#ff006e33;--accent-green-10:#00e6761a;--accent-green-20:#00e67633;--accent-amber-10:#ffab001a;--accent-red-10:#ff3d5a1a;--text-primary:#e6edf3;--text-muted:#8b949e;--text-dim:#484f58;--text-inverse:#0a0a0f;--border-default:#ffffff0f;--border-subtle:#ffffff08;--border-accent:#00d4ff40;--glass-bg:#161b2299;--glass-bg-heavy:#161b22d9;--glass-border:#ffffff14;--glass-blur:16px;--glass-blur-heavy:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0009;--shadow-xl:0 16px 50px #000000b3;--glow-cyan:0 0 20px #00d4ff4d, 0 0 60px #00d4ff1a;--glow-magenta:0 0 20px #ff006e4d, 0 0 60px #ff006e1a;--glow-green:0 0 20px #00e6764d, 0 0 60px #00e6761a;--glow-amber:0 0 20px #ffab004d, 0 0 60px #ffab001a;--glow-sm-cyan:0 0 8px #00d4ff40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--sidebar-width:250px;--sidebar-collapsed:70px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;height:100vh;overflow:hidden}#root{width:100%;height:100vh;display:flex;overflow:hidden}a{color:var(--accent-cyan);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}::selection{background:var(--accent-cyan-40);color:var(--text-primary)}::selection{background:var(--accent-cyan-40);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:var(--radius-sm)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-heavy{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:#e8e8ec;background-color:#14141f}select option:checked,select option:hover{color:#0a0a0f;background-color:#00d4ff}input[type=date],input[type=month],input[type=number],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #00d4ff33,0 0 20px #00d4ff1a}50%{box-shadow:0 0 16px #00d4ff66,0 0 40px #00d4ff33}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar{z-index:100;height:100vh;padding:var(--space-4);border-right:1px solid var(--glass-border);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);margin-bottom:var(--space-8);white-space:nowrap;display:flex;overflow:hidden}.logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));width:36px;min-width:36px;height:36px;color:var(--text-inverse);box-shadow:var(--glow-cyan);justify-content:center;align-items:center;display:flex}.logo-text{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:2px;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;overflow:hidden}.sidebar-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active,.nav-item.active:hover{color:var(--accent-cyan)}.nav-active-indicator{border-radius:var(--radius-full);background:var(--accent-cyan);width:3px;box-shadow:var(--glow-sm-cyan);position:absolute;top:6px;bottom:6px;left:0}.nav-icon{justify-content:center;align-items:center;min-width:20px;display:flex}.nav-label{font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px #00d4ff66)}.sidebar-bottom{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-default);flex-direction:column;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2);white-space:nowrap;display:flex;overflow:hidden}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-cyan-20), var(--accent-magenta-20));border:1px solid var(--accent-cyan-20);width:34px;min-width:34px;height:34px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-cyan);justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.user-role{font-size:var(--text-xs);color:var(--text-dim)}.sidebar-toggle{border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-dim);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:var(--text-muted);background:#ffffff0a}.page-wrapper{flex-direction:column;flex:1;width:100%;height:100vh;margin-left:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);padding:0 var(--space-8) 0 76px;border-bottom:1px solid var(--border-default);background:var(--bg-overlay);-webkit-backdrop-filter:blur(var(--glass-blur));z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.3px}.topbar-right{align-items:center;gap:var(--space-4);display:flex}.topbar-search{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-3);color:var(--text-dim);pointer-events:none;position:absolute}.search-input{width:220px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-sm-cyan)}.topbar-timestamp{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap}.topbar-refresh{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.topbar-refresh:hover{color:var(--accent-cyan);background:var(--accent-cyan-10)}.topbar-refresh:active svg{animation:.6s ease-in-out spin}.page-content{padding:var(--space-8);-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}