@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color-scheme:light dark;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-accent-400: #22d3ee;--color-accent-500: #06b6d4;--color-accent-600: #0891b2;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-danger-50: #fff1f2;--color-danger-100: #ffe4e6;--color-danger-500: #f43f5e;--color-danger-600: #e11d48;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--color-background: #ffffff;--color-background-secondary: var(--color-neutral-50);--color-background-tertiary: var(--color-neutral-100);--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-400);--color-border: var(--color-neutral-200);--color-border-light: var(--color-neutral-100);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow: 0 0 40px -10px var(--color-primary-500);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--header-height: 64px;--container-max: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-background)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}code,pre{font-family:var(--font-mono);font-size:.9em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--color-primary-500)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);box-shadow:var(--shadow-lg),0 0 20px -5px var(--color-primary-500);transform:translateY(-1px)}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-200)}.btn-ghost{background:transparent;color:var(--color-neutral-600)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-900)}.btn-outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.btn-success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-600) 100%);color:#fff}.btn-danger{background:linear-gradient(135deg,var(--color-danger-500) 0%,var(--color-danger-600) 100%);color:#fff}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--color-background-secondary);border-top:1px solid var(--color-border-light)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-600)}.badge-danger{background:var(--color-danger-100);color:var(--color-danger-600)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.table th{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-background-secondary)}.table tr:hover td{background:var(--color-background-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-danger{color:var(--color-danger-600)}.text-muted{color:var(--color-text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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 slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{box-shadow:0 0 20px -5px var(--color-primary-500)}50%{box-shadow:0 0 40px -5px var(--color-primary-400)}}@keyframes borderGlow{0%,to{border-color:var(--color-primary-400)}50%{border-color:var(--color-accent-400)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:var(--color-primary-500)}}@keyframes radar{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes statusPing{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes wave{0%{transform:translate(0) translateZ(0) scaleY(1)}50%{transform:translate(-25%) translateZ(0) scaleY(.55)}to{transform:translate(-50%) translateZ(0) scaleY(1)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:floatSlow 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-scale{animation:pulseScale 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-morph{animation:morphBlob 8s ease-in-out infinite}.status-indicator{position:relative}.status-indicator:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:statusPing 1.5s ease-out infinite}.status-indicator.status-up:after{background:var(--color-success-500)}.status-indicator.status-down:after{background:var(--color-danger-500)}.shimmer{background:linear-gradient(90deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animated-gradient{background:linear-gradient(-45deg,#6366f1,#8b5cf6,#06b6d4,#10b981);background-size:400% 400%;animation:gradient 15s ease infinite}.typing-effect{overflow:hidden;white-space:nowrap;border-right:3px solid var(--color-primary-500);animation:typing 3.5s steps(40,end),blink .75s step-end infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.animate-on-scroll{opacity:0}.animate-on-scroll.visible{opacity:1}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.card-animated{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-animated:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -15px #6366f14d}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.btn-ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.notification-badge{animation:bounce .6s ease}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.checkmark-animated{stroke-dasharray:100;animation:checkmark .6s ease-out forwards}.loading-dots span{animation:bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}@media (max-width: 768px){:root{--sidebar-width: 100%;--header-height: 56px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}[data-theme=dark],.dark{--color-background: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-surface: #1e293b;--color-surface-elevated: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #1e293b;--color-neutral-50: #1e293b;--color-neutral-100: #334155;--color-neutral-200: #475569;--color-neutral-300: #64748b;--color-neutral-400: #94a3b8;--color-neutral-500: #cbd5e1;--color-neutral-600: #e2e8f0;--color-neutral-700: #f1f5f9;--color-neutral-800: #f8fafc;--color-neutral-900: #ffffff}[data-theme=dark] ::-webkit-scrollbar-track,.dark ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,.dark input,.dark textarea,.dark select{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,.dark input::placeholder,.dark textarea::placeholder{color:var(--color-text-muted)}[data-theme=dark] .card,.dark .card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .btn-secondary,.dark .btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}[data-theme=dark] .btn-ghost:hover,.dark .btn-ghost:hover{background:var(--color-neutral-100)}[data-theme=dark] .table th,.dark .table th{background:var(--color-background-tertiary)}[data-theme=dark] .table tr:hover td,.dark .table tr:hover td{background:var(--color-background-secondary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-background: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-surface: #1e293b;--color-surface-elevated: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #1e293b}}