@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--void:#000;--deep:#050505;--surface:#0a0a0a;--elevated:#0f0f0f;--card:#141414;--hover:#1a1a1a;--border:#1f1f1f;--accent:#25d366;--accent-hover:#1ebe5d;--accent-muted:#1a9e4d;--accent-glow:rgba(37,211,102,.15);--accent-glow-strong:rgba(37,211,102,.3);--blue:#3b82f6;--blue-glow:rgba(59,130,246,.15);--purple:#8b5cf6;--purple-glow:rgba(139,92,246,.15);--amber:#f59e0b;--amber-glow:rgba(245,158,11,.15);--success:#22c55e;--success-glow:rgba(34,197,94,.15);--warning:#eab308;--warning-glow:rgba(234,179,8,.15);--error:#ef4444;--error-glow:rgba(239,68,68,.15);--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--text-muted:#404040;--font-sans:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#141414;--bg-card-hover:#1c1c1c;--border-color:#262626;--border-subtle:hsla(0,0%,100%,.06);--border-light:hsla(0,0%,100%,.1);--border-medium:hsla(0,0%,100%,.15);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 4px 20px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.6);--shadow-xl:0 20px 60px rgba(0,0,0,.7);--shadow-glow:0 0 40px var(--accent-glow),0 0 80px var(--accent-glow);--sidebar-width:280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.6;background:var(--void);color:var(--text-primary);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:0}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}::selection{background:var(--accent);color:var(--void)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-fadeInUp{animation:fadeInUp .4s ease forwards}.animate-fadeInDown{animation:fadeInDown .4s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--hover) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.glass{background:hsla(0,0%,8%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gradient-text{background:linear-gradient(135deg,var(--accent) 0,#1ebe5d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 12px var(--success);animation:pulse 2s ease-in-out infinite}.status-dot.offline{background:var(--text-muted)}.status-dot.warning{background:var(--warning);box-shadow:0 0 12px var(--warning)}.status-dot.error{background:var(--error);box-shadow:0 0 12px var(--error)}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#09090b;border-right:1px solid #18181b;z-index:100}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:20px 12px}.sidebar .logo{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:24px;text-decoration:none;border-radius:10px;transition:background .15s}.sidebar .logo:hover{background:#18181b}.sidebar .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .logo-text{display:flex;flex-direction:column}.sidebar .logo-title{font-size:16px;font-weight:600;color:#fafafa;letter-spacing:-.02em}.sidebar .logo-accent{color:#22c55e}.sidebar .nav{display:flex;flex-direction:column;gap:2px}.sidebar .nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#71717a;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s}.sidebar .nav-item:hover{color:#a1a1aa;background:#18181b}.sidebar .nav-item.active{color:#fafafa;background:#18181b}.sidebar .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar .nav-item.active .nav-icon{color:#22c55e}.sidebar .nav-label{flex:1 1}.sidebar .nav-indicator{width:6px;height:6px;background:#22c55e;border-radius:50%}.sidebar .spacer{flex:1 1}.sidebar .status{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);border-radius:8px}.sidebar .status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,.6);animation:pulse 2s ease-in-out infinite}.sidebar .status-text{font-size:13px;font-weight:500;color:#22c55e}.sidebar .user{display:flex;align-items:center;gap:10px;padding:12px;background:#18181b;border-radius:10px;margin-bottom:16px}.sidebar .user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#27272a,#3f3f46);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fafafa;flex-shrink:0}.sidebar .user-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar .user-name{font-size:13px;font-weight:600;color:#fafafa}.sidebar .user-email,.sidebar .user-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-email{font-size:11px;color:#71717a}.sidebar .user-edit-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:500;color:#22c55e;text-decoration:none;transition:color .15s}.sidebar .user-edit-btn:hover{color:#4ade80}.sidebar .user-logout{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .15s;flex-shrink:0}.sidebar .user-logout:hover{background:rgba(239,68,68,.1);color:#ef4444}.sidebar .footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:16px;border-top:1px solid #18181b}.sidebar .footer-text{font-size:10px;color:#3f3f46;text-transform:uppercase;letter-spacing:.05em}