:root{--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--primary:#00f0ff;--primary-glow:#00f0ff59;--primary-hover:#00d4e6;--secondary:#7928ca;--secondary-glow:#7928ca59;--secondary-hover:#6820b0;--success:#10b981;--success-glow:#10b9814d;--warning:#f59e0b;--warning-glow:#f59e0b4d;--danger:#f05;--danger-glow:#ff005559;--info:#3b82f6;--info-glow:#3b82f64d;--source-phcn:#10b981;--source-generator:#f59e0b;--source-solar:#00f0ff;--source-battery:#a855f7;--nav-width:280px;--nav-width-collapsed:80px;--header-height:68px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--glass-blur:16px}:root,[data-theme=dark]{--bg-app:#060813;--bg-panel:#0d1222;--bg-card:#0f1629b3;--bg-card-hover:#18223cd9;--bg-card-active:#1e2c4ef2;--bg-input:#0a0f1ecc;--bg-overlay:#03050cbf;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#060813;--border-subtle:#ffffff14;--border-highlight:#00f0ff40;--border-glow:#00f0ff66;--shadow-sm:0 2px 8px #0003;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 12px 36px #00000073;--shadow-glow:0 0 24px #00f0ff33;--shadow-glow-hover:0 0 32px #00f0ff66}[data-theme=light]{--bg-app:#f8fafc;--bg-panel:#fff;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-card-active:#f1f5f9;--bg-input:#fff;--bg-overlay:#0f172a66;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-highlight:#00b4d866;--border-glow:#00b4d84d;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 14px #00000014;--shadow-lg:0 10px 28px #0000001f;--shadow-glow:0 0 20px #00b4d826;--shadow-glow-hover:0 0 28px #00b4d840}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}select{color:var(--text-primary);background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300f0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:14px;padding:.55rem 2.25rem .55rem .85rem;font-family:inherit;font-size:.875rem;transition:all .2s}[data-theme=light] select{color:#0f172a;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#cbd5e1}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}select option{color:#fff;background-color:#0d1222;padding:.6rem .8rem;font-size:.875rem}[data-theme=light] select option{color:#0f172a;background-color:#fff}select optgroup{color:var(--text-muted);text-transform:uppercase;background-color:#060813;font-size:.75rem;font-weight:700}[data-theme=light] select optgroup{color:#64748b;background-color:#f1f5f9}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.badge-pill{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-live{color:var(--success);background:#10b9811f;border:1px solid #10b9814d}.badge-warning{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-danger{color:var(--danger);background:#ff00551f;border:1px solid #ff00554d}.badge-primary{color:var(--primary);background:#00f0ff1f;border:1px solid #00f0ff4d}.pulse-dot{border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background:inherit;opacity:.6;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-3px}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width:768px){.hide-mobile{display:none!important}.compact-mobile{gap:.5rem!important;padding:.75rem!important}}