@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.neo-login{min-height:100vh;display:grid;place-items:center;color:#e5f4ff;background:#05060c;position:relative;overflow:hidden;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}.neo-login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(91,65,255,.28),transparent 55%),radial-gradient(circle at 80% 30%,rgba(24,196,255,.22),transparent 55%),radial-gradient(circle at 50% 85%,rgba(255,94,139,.22),transparent 55%);z-index:0}.neo-login-shell{position:relative;z-index:1;width:min(960px,94vw);display:grid;gap:18px}.neo-login-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.neo-login-brand{display:flex;align-items:center;gap:12px}.brand-logo img{width:34px;height:34px;object-fit:contain}.brand-title{font-weight:700;font-size:18px}.brand-subtitle{font-size:12px;color:#29d3ffb3}.neo-login-card{background:#0c101ebf;border:1px solid rgba(41,211,255,.2);border-radius:24px;padding:28px;box-shadow:0 20px 60px #00000073}.card-head h1{margin:0 0 6px;font-size:28px}.card-head p{margin:0 0 16px;color:#e5f4ff99;font-size:13px}.form{display:grid;gap:14px}.field{display:grid;gap:8px}.label{font-size:12px;color:#e5f4ffb3}.input{height:44px;border-radius:12px;border:1px solid rgba(41,211,255,.2);background:#0a0e18bf;color:#e5f4ff;padding:0 12px;outline:none}.btn{height:46px;border-radius:12px;border:none;background:linear-gradient(120deg,#7c5bff,#29d3ff);color:#0a0f1a;font-weight:700;cursor:pointer}.alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,77,109,.35);background:#ff4d6d1f}.alert-dot{width:10px;height:10px;border-radius:999px;background:#ff4d6d;margin-top:4px}.alert-text{font-size:12px}.footer{display:flex;justify-content:center;color:#e5f4ff59;font-size:12px}:root{--neo-bg: #05060c;--neo-card: rgba(12, 16, 28, .72);--neo-line: rgba(67, 196, 255, .18);--neo-text: #e5f4ff;--neo-muted: rgba(229, 244, 255, .6);--neo-accent: #29d3ff;--neo-purple: #7c5bff}.neo{min-height:100vh;color:var(--neo-text);font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden;background:var(--neo-bg)}.neo-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(91,65,255,.25),transparent 55%),radial-gradient(circle at 70% 30%,rgba(24,196,255,.2),transparent 55%),radial-gradient(circle at 50% 85%,rgba(255,94,139,.2),transparent 55%);z-index:0}.neo-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(42,122,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(42,122,255,.12) 1px,transparent 1px);background-size:56px 56px;animation:gridMove 24s linear infinite}.neo-orb{position:absolute;width:320px;height:320px;filter:blur(60px);border-radius:999px;opacity:.6;animation:orbPulse 6s ease-in-out infinite}.orb-1{top:10%;left:5%;background:#18c4ff66}.orb-2{right:10%;top:25%;background:#7c5bff66;animation-delay:1s}.orb-3{right:20%;bottom:10%;background:#ff5e8b59;animation-delay:2s}.neo-particle{position:absolute;width:4px;height:4px;border-radius:999px;background:#29d3ff;box-shadow:0 0 12px #29d3ffcc;animation:float 6s ease-in-out infinite}.neo-shell{position:relative;z-index:1}.neo-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--neo-line);background:#050812d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 24px}.header-left,.header-right{display:flex;align-items:center;gap:18px}.header-left{gap:28px;flex:1}.header-right{justify-content:flex-end}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(140deg,#2ce6ff,#7c5bff);display:grid;place-items:center;box-shadow:0 0 30px #29d3ff59}.brand-icon{width:28px;height:28px}.brand-title{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;color:#c7f0ff}.brand-subtitle{font-size:11px;letter-spacing:.12em;color:#29d3ffb3;margin-top:2px}.ai-status{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#2a124e73;border:1px solid rgba(124,91,255,.4);border-radius:999px}.ai-icon{width:22px;height:22px;color:#c89cff}.ai-icon.pulse{transform:scale(1.08)}.ai-title{font-size:12px;font-weight:600}.ai-sub{font-size:11px;color:#29d3ffcc}.ai-bars{display:flex;gap:4px}.ai-bar{width:4px;height:22px;border-radius:99px;background:#29d3ff40}.ai-bar.on{background:linear-gradient(180deg,#29d3ff,#7c5bff)}.search{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0a101abf;border-radius:16px;border:1px solid rgba(41,211,255,.25);min-width:320px}.search input{background:transparent;border:none;outline:none;color:var(--neo-text);width:240px}.kbd{font-size:11px;color:#e5f4ff99;border:1px solid rgba(229,244,255,.2);padding:2px 6px;border-radius:6px}.time-block{text-align:right;font-size:12px}.time{color:#7fe3ff}.date{color:#e5f4ff80}.icon-btn{background:#0c101cb3;border:1px solid rgba(41,211,255,.2);border-radius:12px;padding:10px;color:#86e8ff;position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{position:absolute;width:8px;height:8px;border-radius:999px;background:#ff4d6d;top:6px;right:6px;box-shadow:0 0 8px #ff4d6dcc}.user-pill{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#171c2da6;border:1px solid rgba(41,211,255,.25);border-radius:14px;color:var(--neo-text)}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(140deg,#29d3ff,#7c5bff);display:grid;place-items:center;font-weight:700}.user-text{display:grid;text-align:left}.user-text small{color:#e5f4ff80}.scanline{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#29d3ff,transparent);animation:scan 3s ease-in-out infinite;opacity:.5}.neo-body{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 90px)}.neo-sidebar{border-right:1px solid var(--neo-line);background:#05081299;padding:24px;display:flex;flex-direction:column;gap:18px}.menu{display:grid;gap:12px}.menu-item{position:relative;background:#0c101c99;border:1px solid rgba(41,211,255,.12);border-radius:16px;padding:16px;text-align:left;color:var(--neo-text);overflow:hidden}.menu-item.active{border-color:#29d3ff80;box-shadow:0 0 24px #29d3ff33}.menu-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px}.menu-icon svg{width:20px;height:20px;color:#fff}.menu-text strong{font-size:14px;display:block}.menu-text small{font-size:11px;color:#e5f4ff8c}.menu-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-100%);transition:transform .8s ease}.menu-item:hover .menu-shine{transform:translate(100%)}.ai-panel{background:#151634b3;border:1px solid rgba(124,91,255,.35);border-radius:18px;padding:18px;color:var(--neo-muted)}.ai-panel-head{display:flex;gap:10px;align-items:center;margin-bottom:12px;color:#d4b4ff}.ai-progress{height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.ai-progress span{display:block;height:100%;background:linear-gradient(90deg,#7c5bff,#29d3ff)}.neo-main{padding:32px;display:grid;gap:24px}.hero{background:#0e1222b3;border:1px solid rgba(41,211,255,.25);border-radius:24px;padding:24px;box-shadow:0 0 40px #050a1e99}.hero-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.hero-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(140deg,#7c5bff,#29d3ff);display:grid;place-items:center}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#7c5bff,#29d3ff);border:none;color:#fff;padding:10px 16px;border-radius:12px;font-weight:600}.hero-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.alert{border-radius:16px;padding:14px;display:grid;gap:6px;border:1px solid transparent;background:#0f121ebf}.alert svg,.alert-icon{width:20px;height:20px}.alert-red{border-color:#ff4d6d66;color:#ff9db2}.alert-amber{border-color:#ffb43e66;color:#ffd28f}.alert-green{border-color:#38ffc059;color:#9fffe0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:#0c101ebf;border:1px solid rgba(41,211,255,.18);border-radius:18px;padding:16px;display:grid;gap:10px}.metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.metric-icon svg{width:22px;height:22px}.metric-body small{color:var(--neo-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metric-body strong{display:block;font-size:24px;margin:6px 0}.metric-bar{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.metric-bar span{display:block;height:100%;width:85%;background:linear-gradient(90deg,#29d3ff,#7c5bff)}.metric-cyan .metric-icon{background:linear-gradient(140deg,#29d3ff,#00a0ff)}.metric-emerald .metric-icon{background:linear-gradient(140deg,#2ad7a1,#1ebd95)}.metric-amber .metric-icon{background:linear-gradient(140deg,#ffc857,#ff8a4c)}.metric-purple .metric-icon{background:linear-gradient(140deg,#7c5bff,#b85bff)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{background:#0c101eb3;border:1px solid rgba(41,211,255,.2);border-radius:20px;padding:20px}.panel-title{display:flex;gap:10px;align-items:center;font-weight:700;margin-bottom:16px}.panel-title svg{width:20px;height:20px;color:#7fe3ff}.olt-list{display:grid;gap:12px}.olt-card{background:#0a0e18b3;border:1px solid rgba(41,211,255,.12);border-radius:16px;padding:14px}.olt-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.status-dot{width:8px;height:8px;border-radius:999px;background:#3cffb7;box-shadow:0 0 8px #3cffb7cc}.sec-pill{display:inline-flex;gap:6px;align-items:center;font-size:10px;padding:4px 8px;border-radius:999px;background:#3cffb726;color:#7dffdb}.sec-pill svg{width:12px;height:12px}.olt-bar{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:10px}.olt-bar span{display:block;height:100%;background:linear-gradient(90deg,#29d3ff,#7c5bff)}.olt-meta{display:flex;justify-content:space-between;font-size:11px;color:#e5f4ff99;margin-top:8px}.ai-cards{display:grid;gap:12px}.ai-card{border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08);background:#0c101eb3}.ai-card-head{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#e5f4ffb3}.ai-card-value{font-size:28px;font-weight:700;margin-bottom:6px}.ai-card.green{border-color:#3cffb740;color:#b9ffe7}.ai-card.cyan{border-color:#29d3ff40;color:#b7f3ff}.ai-card.purple{border-color:#7c5bff40;color:#d5c4ff}.grad-cyan{background:linear-gradient(140deg,#29d3ff,#00a0ff)}.grad-purple{background:linear-gradient(140deg,#7c5bff,#b85bff)}.grad-emerald{background:linear-gradient(140deg,#2ad7a1,#1ebd95)}.grad-amber{background:linear-gradient(140deg,#ffc857,#ff8a4c)}.grad-violet{background:linear-gradient(140deg,#8b5cf6,#6366f1)}.grad-rose{background:linear-gradient(140deg,#ff4d6d,#ff7d93)}.mobile-only{display:none}@keyframes float{0%,to{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(-100vh);opacity:0}}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes scan{0%,to{transform:translate(-40%)}50%{transform:translate(40%)}}@media (max-width: 1100px){.neo-body{grid-template-columns:1fr}.neo-sidebar{order:2}.hero-head,.hero-alerts,.metrics,.grid-two{grid-template-columns:1fr}.search{display:none}.mobile-only{display:inline-flex}}:root{--bg: #f5f2ea;--bg-2: #efe8dd;--ink: #1c211d;--muted: #5c615a;--brand: #1f6f5c;--brand-2: #0f4c3a;--accent: #d38b5d;--card: #ffffff;--line: rgba(28, 33, 29, .12);--soft: rgba(31, 111, 92, .12);--shadow: 0 18px 40px rgba(18, 26, 21, .12);--shadow-soft: 0 6px 18px rgba(18, 26, 21, .08);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{display:block;min-width:320px;min-height:100%;color:var(--ink);background:radial-gradient(800px 380px at 10% -20%,rgba(31,111,92,.16),transparent 60%),radial-gradient(900px 400px at 90% 10%,rgba(211,139,93,.16),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2))}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;gap:0}.sidebar{background:#ffffffb8;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 18px;display:flex;flex-direction:column;gap:16px}.brand-block{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-soft)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#fff;font-weight:700}.brand-meta{display:grid;gap:2px}.brand-title{font-family:Fraunces,serif;font-weight:700;font-size:18px}.brand-subtitle{font-size:12px;color:var(--muted)}.nav-section{display:grid;gap:10px}.nav-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:8px 12px 0}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--ink);background:transparent;transition:all .15s ease}.nav-item:hover{background:#1f6f5c14;border-color:#1f6f5c38}.nav-item.active{background:var(--soft);border-color:#1f6f5c59;color:var(--brand-2);font-weight:600}.nav-meta{font-size:11px;color:var(--muted);background:#1c211d0f;padding:2px 8px;border-radius:999px}.content{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{display:grid;gap:4px}.topbar-title h1{margin:0;font-size:20px}.topbar-title span{color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);padding:8px 12px;border-radius:999px;min-width:240px}.search input{border:none;outline:none;background:transparent;width:100%}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12px}.layout{padding:24px 28px 40px;display:grid;gap:22px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.page-title h2{margin:0;font-size:28px;font-family:Fraunces,serif}.page-title p{margin:6px 0 0;color:var(--muted);font-size:13px}.btn{border-radius:12px;border:1px solid var(--brand);background:linear-gradient(140deg,var(--brand),var(--brand-2));color:#fff;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-soft)}.btn.secondary{background:#fff;color:var(--brand-2);border-color:#1f6f5c59}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:18px}.card h3{margin:0 0 10px;font-size:16px}.stat{display:grid;gap:6px}.stat strong{font-size:26px}.stat span{color:var(--muted);font-size:12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;background:#1f6f5c1f;color:var(--brand-2)}.badge.warn{background:#d38b5d2e;color:#8c4b2c}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters input,.filters select{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#fff}.stack,.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fffc}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.nav-section{min-width:220px}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.search{min-width:0;width:100%}}