@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-main: #06080c;--bg-card: rgba(18, 22, 28, .7);--bg-card-hover: rgba(25, 30, 38, .85);--border-glass: rgba(255, 255, 255, .08);--border-glass-bright: rgba(255, 255, 255, .15);--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .3);--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .2);--success: #10b981;--danger: #ef4444;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0;outline:none}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg-main);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(245,158,11,.05) 0px,transparent 50%);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sl-app{display:flex;min-height:100vh}.sl-sidebar{width:var(--sidebar-width);background:#0a0c10f2;border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:2rem 1.25rem;position:fixed;height:100vh;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sl-logo{font-size:1.5rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;letter-spacing:-.5px}.sl-logo i{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;box-shadow:0 0 15px var(--primary-glow)}.sl-side-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sl-side-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:inherit;font-size:.95rem;font-weight:600;padding:.85rem 1rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s;text-align:left}.sl-side-btn.active{background:var(--primary-glow);border-color:#3b82f64d;color:#fff}.sl-main{flex:1;margin-left:var(--sidebar-width);padding:2rem 3.5rem;max-width:calc(100vw - var(--sidebar-width))}.sl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.sl-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2.5rem}.sl-kpi-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s}.sl-kpi-card:hover{transform:translateY(-4px);border-color:var(--border-glass-bright)}.sl-kpi-label{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;margin-bottom:.75rem}.sl-kpi-value{font-size:2.25rem;font-weight:800;margin-bottom:.25rem}.sl-kpi-meta{font-size:.8rem;color:var(--text-dim)}.sl-grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.sl-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.sl-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;padding:1.75rem}.sl-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sl-card-header h3{font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.sl-card-header p{font-size:.8rem;color:var(--text-dim)}.sl-chart-container{height:260px;position:relative}.sl-ambient-widget{display:flex;flex-direction:column;gap:1rem}.sl-ambient-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-glass)}.sl-ambient-info{display:flex;flex-direction:column}.sl-ambient-title{font-size:.9rem;font-weight:600}.sl-ambient-sub{font-size:.75rem;color:var(--text-dim)}.sl-btn-toggle{width:44px;height:22px;background:#ffffff1a;border-radius:99px;cursor:pointer;position:relative}.sl-btn-toggle.active{background:var(--success)}.sl-btn-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s}.sl-btn-toggle.active:after{left:24px}.sl-alerts-stack{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto}.sl-alert-box{padding:1rem;border-radius:12px;background:#3b82f60d;border:1px solid rgba(59,130,246,.1)}.sl-alert-box.critical{background:#ef44440d;border-color:#ef444433;border-left:4px solid var(--danger)}.sl-alert-box.warn{background:#f59e0b0d;border-color:#f59e0b33;border-left:4px solid var(--accent)}.sl-btn{background:var(--border-glass);border:1px solid var(--border-glass-bright);color:#fff;padding:.7rem 1.25rem;border-radius:12px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.sl-btn:hover{background:var(--border-glass-bright)}.sl-btn.primary{background:var(--primary);border-color:var(--primary)}.sl-video-box{aspect-ratio:16/10;background:#000;border-radius:20px;overflow:hidden;border:1px solid var(--border-glass);position:relative}.sl-video-tag{position:absolute;top:1rem;left:1rem;background:#0009;padding:.4rem .75rem;border-radius:8px;font-size:.75rem}.sl-toast{position:fixed;top:1.5rem;right:1.5rem;background:#1e293b;border:1px solid var(--border-glass-bright);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 10px 30px #00000080;z-index:9999}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){.sl-grid-2-1,.sl-grid-3{grid-template-columns:1fr}.sl-sidebar{width:80px}.sl-sidebar span{display:none}.sl-main{margin-left:80px;padding:1.5rem}}