@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap");:root{--background:#fafbfc;--foreground:#0f172a;--card:#ffffff;--card-foreground:#0f172a;--popover:#ffffff;--popover-foreground:#0f172a;--primary:#3b82f6;--primary-foreground:#ffffff;--secondary:#f1f5f9;--secondary-foreground:#475569;--muted:#f8fafc;--muted-foreground:#64748b;--accent:#e0f2fe;--accent-foreground:#0369a1;--destructive:#ef4444;--destructive-foreground:#ffffff;--border:#e2e8f0;--input:#f1f5f9;--ring:#3b82f6;--success:#10b981;--success-foreground:#ffffff;--success-light:#d1fae5;--success-dark:#059669;--warning:#f59e0b;--warning-foreground:#ffffff;--warning-light:#fef3c7;--warning-dark:#d97706;--error:#ef4444;--error-foreground:#ffffff;--error-light:#fee2e2;--error-dark:#dc2626;--info:#06b6d4;--info-foreground:#ffffff;--info-light:#cffafe;--info-dark:#0891b2;--chart-1:#3b82f6;--chart-2:#10b981;--chart-3:#f59e0b;--chart-4:#ef4444;--chart-5:#8b5cf6;--chart-6:#06b6d4;--chart-7:#84cc16;--chart-8:#f97316;--chart-9:#ec4899;--chart-10:#6366f1;--sidebar:#f8fafc;--sidebar-foreground:#0f172a;--sidebar-primary:#3b82f6;--sidebar-primary-foreground:#ffffff;--sidebar-accent:#e0f2fe;--sidebar-accent-foreground:#0369a1;--sidebar-border:#e2e8f0;--sidebar-ring:#3b82f6;--sidebar-width:280px;--sidebar-collapsed-width:60px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-mono:"JetBrains Mono","Fira Code","Monaco",monospace;--text-xs:0.75rem;--text-sm:0.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-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-32:8rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--transition-none:none;--transition-all:all 150ms cubic-bezier(0.4,0,0.2,1);--transition-colors:color 150ms cubic-bezier(0.4,0,0.2,1),background-color 150ms cubic-bezier(0.4,0,0.2,1),border-color 150ms cubic-bezier(0.4,0,0.2,1);--transition-opacity:opacity 150ms cubic-bezier(0.4,0,0.2,1);--transition-shadow:box-shadow 150ms cubic-bezier(0.4,0,0.2,1);--transition-transform:transform 150ms cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-secondary:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-rainbow:linear-gradient(135deg,#667eea,#764ba2);--gradient-sunset:linear-gradient(135deg,#f093fb,#f5576c);--gradient-ocean:linear-gradient(135deg,#4facfe,#00f2fe);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--radius:var(--radius-xl);--tracking-normal:0em;--spacing:var(--space-1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease;padding:0}body,h1,h2,h3,h4,h5,h6{color:var(--foreground);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-extrabold);line-height:var(--leading-none)}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:var(--font-bold)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}h3,h4{font-weight:var(--font-semibold)}h4{font-size:clamp(1.125rem,2.5vw,1.25rem)}h5{font-size:clamp(1rem,2vw,1.125rem)}h5,h6{font-weight:var(--font-medium)}h6{font-size:clamp(.875rem,1.5vw,1rem)}p{margin:0;color:var(--muted-foreground);line-height:var(--leading-relaxed)}a{color:var(--primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--accent-foreground);text-decoration:underline}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--primary)}.card:hover:before{opacity:1}.card.elevated{box-shadow:var(--shadow-xl)}.card.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.card.neon{border:1px solid var(--primary);box-shadow:0 0 20px rgba(59,130,246,.3);animation:neon-glow 2s ease-in-out infinite alternate}@keyframes neon-glow{0%{box-shadow:0 0 20px rgba(59,130,246,.3)}to{box-shadow:0 0 30px rgba(59,130,246,.6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:var(--leading-none);border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;user-select:none}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--muted);border-color:var(--primary)}.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--muted);border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--muted-foreground);border:none}.btn-ghost:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground)}.btn-destructive:hover:not(:disabled){background:var(--error-dark);box-shadow:var(--shadow-lg)}.btn-success{background:var(--gradient-success);color:var(--success-foreground)}.btn-warning{background:var(--gradient-warning);color:var(--warning-foreground)}.btn-info{background:var(--gradient-info);color:var(--info-foreground)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--input);color:var(--foreground);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input::placeholder{color:var(--muted-foreground)}.input:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;white-space:nowrap}.badge-primary{background:var(--primary);color:var(--primary-foreground)}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-success{background:var(--success);color:var(--success-foreground)}.badge-warning{background:var(--warning);color:var(--warning-foreground)}.badge-error{background:var(--error);color:var(--error-foreground)}.badge-info{background:var(--info);color:var(--info-foreground)}.badge-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.badge-dot{width:8px;height:8px;padding:0}.badge-dot,.status-indicator{border-radius:var(--radius-full)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);transition:all .2s ease}.status-online{background:var(--success-light);color:var(--success)}.status-offline{background:var(--muted);color:var(--muted-foreground)}.status-warning{background:var(--warning-light);color:var(--warning)}.status-error{background:var(--error-light);color:var(--error)}.status-indicator:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);animation:pulse 2s infinite}.status-online:before{background:var(--success)}.status-offline:before{background:var(--muted-foreground)}.status-warning:before{background:var(--warning)}.status-error:before{background:var(--error)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.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)}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(59,130,246,.3)}50%{box-shadow:0 0 20px rgba(59,130,246,.6)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in-left{animation:slideInLeft .4s ease-out}.animate-slide-in-right{animation:slideInRight .4s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-zoom-in{animation:zoomIn .3s ease-out}.animate-bounce-in{animation:bounceIn .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px rgba(59,130,246,.5)}.hover-rotate:hover{transform:rotate(5deg)}.hover-skew:hover{transform:skewX(-5deg)}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}.loading-spinner{display:inline-block;width:2rem;height:2rem;border-radius:var(--radius-full);border:2px solid var(--border);border-top-color:var(--primary);animation:spin 1s linear infinite}.loading-dots{display:inline-flex;gap:var(--space-1)}.loading-dots:after,.loading-dots:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--primary);animation:pulse 1.4s ease-in-out infinite both}.loading-dots:before{animation-delay:-.32s}.loading-dots:after{animation-delay:-.16s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-lg);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.5);border-color:var(--primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}@media (max-width:1024px){.hover-lift:hover{transform:translateY(-2px) scale(1.01)}.hover-scale:hover{transform:scale(1.02)}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.container{padding:0 var(--space-3)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}@media (max-width:640px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(1,minmax(0,1fr))}.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.card,.input{border:2px solid var(--foreground)}}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-chart-6:var(--chart-6);--color-chart-7:var(--chart-7);--color-chart-8:var(--chart-8);--color-chart-9:var(--chart-9);--color-chart-10:var(--chart-10);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-error:var(--error);--color-error-foreground:var(--error-foreground);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--font-sans:var(--font-sans);--font-mono:var(--font-mono);--font-serif:var(--font-serif);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--radius-full:var(--radius-full);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--shadow-inner:var(--shadow-inner)}