:root,[data-theme=caffeine]{--color-bg:#09090B;--color-surface:#121214;--color-surface-high:#1A1A1E;--color-border:#232327;--color-border-hover:#3A3A40;--color-text:#EDEDEF;--color-text-secondary:#A1A1AA;--color-text-muted:#71717A;--color-accent:#FF6B35;--color-accent-hover:#FF8A5C;--color-accent-soft:rgba(255,107,53,0.12);--color-green:#22C55E;--color-red:#EF4444;--color-yellow:#F59E0B;--color-blue:#4A9EFF;--color-purple:#A855F7;--color-teal:#14B8A6;--color-white:#FFFFFF;--color-wa-ops:#A855F7;--color-wa-security:#EF4444;--color-wa-reliability:#4A9EFF;--color-wa-performance:#F59E0B;--color-wa-cost:#22C55E;--color-wa-sustainability:#14B8A6;--font-sans:"Geist","Inter",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono","JetBrains Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-badge:6px;--radius-input:8px;--radius-card:12px;--radius-modal:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 8px 24px -8px rgba(0,0,0,0.6);--shadow-lg:0 24px 64px -16px rgba(0,0,0,0.7);--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.04);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--sidebar-width:220px;--sidebar-collapsed:64px;--topbar-height:48px}[data-theme=breeze]{--color-bg:#0D1117;--color-accent:#4A9EFF;--color-accent-hover:#6AB5FF}[data-theme=solar]{--color-bg:#0F0E0A;--color-accent:#F59E0B;--color-accent-hover:#FBBF24}[data-theme=tangerine]{--color-bg:#0D0A10;--color-accent:#EC4899;--color-accent-hover:#F472B6}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:rgba(255,107,53,.3);color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:48px;letter-spacing:-.035em;line-height:1.1}h2{font-size:36px;letter-spacing:-.02em;line-height:1.2}h3{font-size:24px;letter-spacing:-.01em;line-height:1.3}h3,h4{font-weight:600}h4{font-size:18px;line-height:1.4}p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text)}.mono,code,pre{font-family:var(--font-mono);font-size:13px;line-height:1.7}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.font-mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;border:none;border-radius:var(--radius-card);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{background-color:var(--color-surface);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-accent);color:#000000}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-high);border-color:var(--color-border-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-surface);color:var(--color-text)}.btn-danger{background-color:transparent;color:var(--color-red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background-color:var(--color-red);color:var(--color-white)}.btn-icon{background-color:transparent;color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-input)}.btn-icon:hover{background-color:var(--color-surface);color:var(--color-text)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:13px;font-weight:600}.input,.input-label{color:var(--color-text)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:14px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);outline:none;transition:border-color var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent)}.input-error{border-color:var(--color-red)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;right:var(--space-4);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.input-icon:hover{color:var(--color-text)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--color-border-hover)}.card-interactive{cursor:pointer}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:11px;font-weight:600;line-height:1;letter-spacing:.04em;border-radius:var(--radius-badge)}.badge-green{background-color:rgba(34,197,94,.15);color:var(--color-green)}.badge-red{background-color:rgba(239,68,68,.15);color:var(--color-red)}.badge-yellow{background-color:rgba(245,158,11,.15);color:var(--color-yellow)}.badge-blue{background-color:rgba(74,158,255,.15);color:var(--color-blue)}.badge-purple{background-color:rgba(168,85,247,.15);color:var(--color-purple)}.toggle{position:relative;width:40px;height:22px;background-color:var(--color-border-hover);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.toggle.active{background-color:var(--color-accent)}.toggle-circle{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--color-white);border-radius:50%;transition:transform .15s cubic-bezier(.4,0,.2,1)}.toggle.active .toggle-circle{transform:translateX(18px)}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-high) 50%,var(--color-surface) 75%);border-radius:var(--radius-input)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9998;display:flex;flex-direction:column;gap:var(--space-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out forwards}.animate-slideUp{animation:slideUp .2s ease-out forwards}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.container{padding:0 var(--space-4)}}.glass{background:rgba(18,18,20,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.glass-surface{background:rgba(18,18,20,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(26,26,26,.8) 25%,rgba(42,42,42,.8) 50%,rgba(26,26,26,.8) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}