:root{color-scheme:light;--bg: #eef8f6;--bg-2: #fbfefd;--surface: rgba(255, 255, 255, .67);--surface-strong: rgba(255, 255, 255, .86);--surface-soft: rgba(255, 255, 255, .48);--text: #112633;--text-soft: #2d4351;--muted: #6b7b86;--line: rgba(29, 63, 78, .102);--line-strong: rgba(29, 63, 78, .18);--shadow: 0 28px 90px rgba(27, 74, 92, .115);--shadow-soft: 0 14px 40px rgba(27, 74, 92, .075);--nav: rgba(8, 28, 35, .9);--blue: #236c8e;--sky: #58a8c6;--teal: #168974;--mint: #89ceb7;--amber: #bc8130;--coral: #c85f69;--violet: #7f72c7;--blue-soft: rgba(83, 166, 200, .13);--teal-soft: rgba(29, 139, 120, .13);--amber-soft: rgba(188, 129, 48, .13);--coral-soft: rgba(203, 98, 103, .13);--violet-soft: rgba(127, 121, 189, .13);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 15px;--sidebar-width: 292px;font-family:Aptos,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55;font-weight:400;font-synthesis-weight:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-weight:400}html,body,#root{min-height:100%;margin:0}html{background:var(--bg-2)}body{color:var(--text);background:radial-gradient(circle at 8% 6%,rgba(83,166,200,.2),transparent 27%),radial-gradient(circle at 88% 10%,rgba(137,206,183,.3),transparent 29%),radial-gradient(circle at 70% 90%,rgba(127,114,199,.15),transparent 32%),radial-gradient(circle at 16% 88%,rgba(188,129,48,.08),transparent 27%),linear-gradient(135deg,#fcffff,#eef9f6 44%,#eef5fa);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(37,111,154,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,111,154,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000000b3,#0000001f);mask-image:linear-gradient(to bottom,#000000b3,#0000001f)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);min-height:calc(100vh - 28px);position:fixed;inset:14px auto 14px 14px;padding:16px;background:radial-gradient(circle at 15% 0%,rgba(83,166,200,.18),transparent 28%),radial-gradient(circle at 90% 78%,rgba(127,114,199,.15),transparent 34%),linear-gradient(156deg,#0a282df7,#07141feb);color:#eff9fc;z-index:20;transition:transform .24s ease,width .24s ease,box-shadow .24s ease;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:0 30px 95px #0a1d2b40}.sidebar.collapsed{transform:translate(calc(-1 * (var(--sidebar-width) + 32px)))}.brand-row{display:flex;align-items:center;gap:12px;padding:7px 6px 18px}.brand-mark,.metric-icon{width:39px;height:39px;border-radius:15px;display:grid;place-items:center;background:#ffffff13;color:#dcf7ff;border:1px solid rgba(255,255,255,.12);flex:0 0 auto;box-shadow:inset 0 1px #ffffff14}.metric-icon.compact{width:34px;height:34px;border-radius:13px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy span{letter-spacing:.01em;font-size:15px}.brand-copy small{color:#eff9fc9e;font-size:11px}.nav-list{display:grid;gap:6px}.nav-item{border:1px solid transparent;background:transparent;color:#eff9fcb0;display:grid;grid-template-columns:18px 1fr 14px;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:16px;text-align:left;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;font-size:13px}.nav-item:hover{background:#ffffff13;color:#fff;transform:translate(1px)}.nav-item.active{background:linear-gradient(135deg,#ffffff29,#fff1);color:#fff;border-color:#ffffff1f}.nav-chevron{opacity:.35}.main{width:100%;padding:22px;position:relative;transition:padding-left .24s ease}.main.with-sidebar{padding-left:calc(var(--sidebar-width) + 36px)}.topbar{min-height:78px;border:1px solid var(--line);background:#ffffffa8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;box-shadow:var(--shadow-soft)}.topbar-left{display:flex;align-items:center;gap:14px;min-width:300px}.topbar-sub{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;margin-top:3px}.eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:10px}h1,h2,h3,p{margin-top:0}h1{margin:0;font-size:clamp(18px,2vw,23px);letter-spacing:-.024em;color:var(--text)}h2{margin:0;font-size:21px;letter-spacing:-.022em;color:var(--text)}h3{margin:0;font-size:16px;letter-spacing:-.012em;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.icon-button,.button,.toggle-live,.select{border:1px solid var(--line);background:#ffffffc2;color:var(--text);border-radius:16px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;text-decoration:none;outline:none}.icon-button{width:42px;padding:0}.icon-button.ghost{background:transparent;color:inherit;border-color:#ffffff1a}.button:hover,.icon-button:hover,.toggle-live:hover,.select:hover{transform:translateY(-1px);border-color:#53a6c852;box-shadow:0 8px 22px #1f435b14}.button{background:linear-gradient(135deg,#24627f,#2b8aa0);color:#fff;border-color:transparent}.button.secondary{background:#ffffffc2;color:var(--text);border-color:var(--line)}.button.danger{background:linear-gradient(135deg,#aa5158,#cb706e)}.button:disabled{opacity:.55;cursor:progress;transform:none;box-shadow:none}.select{min-width:282px;color:var(--text)}.toggle-live.active{background:var(--teal-soft);color:#126d61;border-color:#1d8b783d}.pulse-dot{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 5px #1d8b781c}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 2px 14px}.title-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.page-grid{display:grid;gap:16px}.metrics-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.panel,.metric-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffd6,#ffffff8f);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel:hover,.metric-card:hover{border-color:#53a6c833}.metric-card{min-height:142px;padding:18px;display:flex;flex-direction:column;gap:7px;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;inset:auto -10% -42% 28%;height:110px;background:radial-gradient(circle,currentColor,transparent 62%);opacity:.06}.metric-headline{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-card .metric-icon{background:var(--blue-soft);color:var(--blue);border-color:#53a6c829}.metric-card.ok .metric-icon{background:var(--teal-soft);color:var(--teal)}.metric-card.warn .metric-icon{background:var(--amber-soft);color:var(--amber)}.metric-card.danger .metric-icon{background:var(--coral-soft);color:var(--coral)}.metric-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.metric-card h2{margin:0;font-size:23px;letter-spacing:-.03em;text-transform:capitalize;color:var(--text)}.metric-card small,.small-muted{color:var(--muted);font-size:12px}.sparkline{height:42px;width:100%;margin-top:auto;color:var(--sky)}.sparkline polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.72}.panel{padding:18px;overflow:hidden}.hero-panel{min-height:344px}.route-panel,.prediction-panel{grid-column:span 2}.chart-panel{grid-column:span 2;min-height:272px;color:var(--sky)}.chart-panel.green{color:var(--teal)}.chart-panel.coral{color:var(--coral)}.chart-panel.amber{color:var(--amber)}.chart-panel.violet{color:var(--violet)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.compact-head{margin-bottom:14px}.title-with-icon{display:flex;align-items:center;gap:10px}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;font-size:11px;text-transform:capitalize;border:1px solid var(--line);color:var(--muted);background:#ffffffa3;white-space:nowrap}.status-chip.ok{background:var(--teal-soft);color:#12675f;border-color:#1d8b782b}.status-chip.warn{background:var(--amber-soft);color:#805716;border-color:#bc81302e}.status-chip.danger{background:var(--coral-soft);color:#984148;border-color:#cb62672e}.status-chip.muted{background:#6b7b861a;color:var(--muted)}.route-stage{display:grid;grid-template-columns:1fr 74px 1fr 74px 1fr;align-items:center;margin:12px 0 16px}.route-node{min-height:122px;border:1px solid var(--line);border-radius:24px;background:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.route-node span{color:var(--text);font-size:13px}.route-node small{color:var(--muted);text-transform:capitalize;font-size:11px}.route-node.active{background:linear-gradient(180deg,#1d8b7826,#ffffff75);border-color:#1d8b7845;color:var(--teal)}.route-node.danger{background:linear-gradient(180deg,#cb626726,#ffffff75);border-color:#cb626742;color:var(--coral)}.route-node.core{color:var(--blue);background:linear-gradient(180deg,#53a6c826,#ffffff78);border-color:#53a6c838}.route-bridge{height:1px;background:#1d3f4e21;position:relative}.route-bridge span{position:absolute;top:-2px;right:30%;bottom:-2px;left:0;background:linear-gradient(90deg,var(--sky),var(--teal));border-radius:999px;opacity:.68}.route-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.route-insight-grid.route-four{grid-template-columns:repeat(4,minmax(0,1fr))}.route-insight-grid div,.insight-grid div,.feature-grid div,.status-list div,.check-grid div,.policy-list div,.exec-card,.risk-card{border:1px solid var(--line);border-radius:18px;padding:13px;background:#ffffff73;display:grid;gap:4px}.route-insight-grid span,.insight-grid span,.feature-grid span,.status-list span,.check-grid span,.policy-list span,.exec-card span,.risk-card span,.report-card span{color:var(--muted);font-size:12px;text-transform:capitalize}.route-insight-grid em,.insight-grid em,.feature-grid em,.status-list em,.check-grid em,.policy-list em,.exec-card em,.risk-card em,.report-card em{font-style:normal;color:var(--text)}.action-row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.action-row.left{justify-content:flex-start;margin-top:16px}.decision-layout{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.health-ring{position:relative;width:124px;height:124px;display:grid;place-items:center}.health-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ring-bg,.ring-progress{fill:none;stroke-width:7}.ring-bg{stroke:#53a6c824}.ring-progress{stroke:var(--teal);stroke-linecap:round;transition:stroke-dashoffset .3s ease}.health-ring div{display:grid;place-items:center}.health-ring span{font-size:27px;letter-spacing:-.045em}.health-ring small{color:var(--muted);font-size:11px}.prediction-copy p{color:var(--muted);margin-bottom:12px}.confidence-line{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.confidence-line em{color:var(--text);font-style:normal}.bar-bg,.mini-bar{height:8px;border-radius:999px;background:#53a6c81a;overflow:hidden}.bar-bg span,.mini-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),var(--teal))}.decision-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.decision-tags span{border:1px solid var(--line);background:#ffffff80;color:var(--muted);border-radius:999px;padding:6px 9px;font-size:11px}.decision-tags.vertical{display:grid}.factor-list{display:grid;gap:10px;margin-top:16px}.factor{display:grid;grid-template-columns:94px 1fr 34px;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.factor em{font-style:normal;color:var(--text);text-align:right}.executive-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.exec-card em{font-size:22px;letter-spacing:-.03em}.exec-card small{color:var(--muted);font-size:11px}.line-chart{width:100%;height:168px;color:inherit}.chart-grid{fill:none;stroke:#1d3f4e1a;stroke-width:.45;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 8px rgba(83,166,200,.16))}.threshold-line{stroke:#cb62676b;stroke-width:.72;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.chart-fill{opacity:.68}.chart-foot{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:12px}.analytics-grid{grid-template-columns:1.35fr .65fr}.analytics-hero,.analytics-side{min-height:330px}.analytics-hero-body{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.hero-insights p{color:var(--muted);margin:0 0 16px}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.insight-grid em{font-size:19px;letter-spacing:-.025em}.impact-list{display:grid;gap:10px}.impact-list div{border:1px solid var(--line);border-radius:18px;padding:13px;background:#ffffff75;display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;color:var(--muted)}.impact-list em{font-style:normal;color:var(--text)}.correlation-panel{grid-column:1 / -1;min-height:334px;color:var(--sky)}.correlation-chart{width:100%;height:236px}.corr-line{fill:none;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.corr-line.latency{stroke:var(--sky)}.corr-line.rain{stroke:var(--teal);opacity:.82}.corr-line.humidity{stroke:var(--violet);opacity:.74}.legend{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.dot-blue,.dot-green,.dot-violet{width:8px;height:8px;border-radius:999px;display:inline-block}.dot-blue{background:var(--sky)}.dot-green{background:var(--teal)}.dot-violet{background:var(--violet)}.risk-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.risk-card em{font-size:23px;letter-spacing:-.03em}.monitor-grid,.ml-grid,.settings-grid,.automation-grid,.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-panel{grid-column:1 / -1}.page-full{margin-top:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:19px;background:#ffffff6b}table{border-collapse:collapse;width:100%;min-width:820px;font-size:12px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);background:#ffffff6b;letter-spacing:.02em}td{color:#2d4254}tr:last-child td{border-bottom:0}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pipeline-step{min-height:154px;border:1px solid var(--line);border-radius:22px;padding:14px;background:#ffffff7a;display:flex;flex-direction:column;gap:9px;color:var(--muted);position:relative;overflow:hidden}.pipeline-step div{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.pipeline-step.ok div{background:var(--teal-soft);color:var(--teal)}.pipeline-step.warn div{background:var(--amber-soft);color:var(--amber)}.pipeline-step.danger div{background:var(--coral-soft);color:var(--coral)}.pipeline-step span{color:var(--text)}.pipeline-step small{color:var(--muted)}.policy-list,.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px 13px;background:#ffffff73}.timeline-item p{margin:0 0 2px;color:var(--text)}.timeline-item small{color:var(--muted)}.timeline-dot{width:10px;height:10px;border-radius:999px;background:var(--teal);box-shadow:0 0 0 5px var(--teal-soft)}.timeline-dot.danger{background:var(--coral);box-shadow:0 0 0 5px var(--coral-soft)}.device-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.device-card{min-height:292px;display:flex;flex-direction:column}.device-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.device-card h3{margin-bottom:8px}.device-card p{color:var(--muted);font-size:12px;word-break:break-word}.device-signal{height:8px;border-radius:999px;background:#53a6c81c;overflow:hidden;margin:10px 0 14px}.device-signal span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),var(--teal))}.device-meta{margin-top:auto;display:grid;grid-template-columns:1fr;gap:4px;font-size:12px}.device-meta span{color:var(--muted)}.device-meta em{font-style:normal;color:var(--text);margin-bottom:6px}.feature-grid,.form-grid,.status-list,.check-grid{display:grid;gap:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-block{min-height:250px;overflow:auto;padding:16px;border-radius:19px;background:radial-gradient(circle at 0% 0%,rgba(83,166,200,.18),transparent 34%),linear-gradient(145deg,#0d2232,#07141f);color:#ddf4f8;white-space:pre-wrap;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid rgba(255,255,255,.08)}.ml-explain-grid{display:grid;grid-template-columns:1fr .8fr;gap:14px}.explain-panel{border:1px solid var(--line);border-radius:19px;padding:14px;background:#ffffff75}.form-grid label{display:grid;gap:7px}.form-grid input{height:42px;border:1px solid var(--line);background:#ffffff9e;border-radius:14px;padding:0 12px;color:var(--text);outline:none}.form-grid input:focus{border-color:#53a6c85c;box-shadow:0 0 0 4px #53a6c814;background:#ffffffd1}.report-cover{display:flex;justify-content:space-between;gap:18px;align-items:center}.report-cover p{color:var(--muted);margin-bottom:0;max-width:650px}.report-card{min-height:150px;display:grid;align-content:center;gap:6px}.report-card em{font-size:28px;letter-spacing:-.045em}.report-card small{color:var(--muted)}.recommend-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recommend-list div{border:1px solid var(--line);border-radius:20px;padding:14px;background:#ffffff75}.recommend-list span{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);margin-bottom:12px}.recommend-list p{color:var(--muted);margin:0}.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:360px;padding:13px 16px;border-radius:17px;background:#0d1f2feb;color:#fff;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast.ok{background:#12675feb}.toast.danger{background:#984148eb}.mobile-only{display:none}@media(max-width:1280px){.command-grid,.metrics-grid,.monitor-grid,.ml-grid,.settings-grid,.automation-grid,.reports-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-panel,.prediction-panel,.chart-panel{grid-column:span 1}.metrics-grid,.wide-panel{grid-column:1 / -1}.risk-cards,.pipeline,.recommend-list,.executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.sidebar{top:12px;right:12px;bottom:12px;left:12px;min-height:calc(100vh - 24px);box-shadow:20px 0 60px #00000040}.sidebar.open{transform:translate(0)}.mobile-only{display:grid;margin-left:auto}.main,.main.with-sidebar{padding:14px}.topbar{align-items:flex-start;flex-direction:column;border-radius:24px}.topbar-left{width:100%;min-width:0}.topbar-actions{width:100%;justify-content:stretch}.topbar-actions>*{flex:1}.select{min-width:100%}.command-grid,.metrics-grid,.monitor-grid,.ml-grid,.settings-grid,.automation-grid,.reports-grid,.analytics-grid,.device-grid,.executive-strip,.pipeline,.risk-cards,.recommend-list,.ml-explain-grid{grid-template-columns:1fr}.route-panel,.prediction-panel,.chart-panel,.wide-panel{grid-column:1}.route-stage{grid-template-columns:1fr;gap:12px}.route-bridge{height:32px;width:1px;margin:0 auto}.route-bridge span{top:0;right:-2px;bottom:30%;left:-2px}.decision-layout,.analytics-hero-body{grid-template-columns:1fr;justify-items:center}.prediction-copy,.hero-insights{width:100%}.page-title-row{align-items:flex-start;flex-direction:column}.title-actions{justify-content:flex-start}.route-insight-grid,.insight-grid,.feature-grid{grid-template-columns:1fr}.report-cover{align-items:flex-start;flex-direction:column}}:root{--bg: #f3fbf7;--bg-2: #fbfffd;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--line: rgba(22, 92, 104, .105);--shadow: 0 22px 72px rgba(22, 76, 92, .105);--shadow-soft: 0 10px 26px rgba(22, 76, 92, .072);--blue: #1d6f91;--sky: #62b7cf;--teal: #1d947e;--mint: #b8ead8;--violet: #8b82d7;--sidebar-width: 244px;--radius-xl: 22px;--radius-lg: 18px;--radius-md: 13px;font-size:13px}body{background:radial-gradient(circle at 6% 4%,rgba(98,183,207,.22),transparent 24%),radial-gradient(circle at 88% 6%,rgba(184,234,216,.38),transparent 27%),radial-gradient(circle at 76% 86%,rgba(139,130,215,.14),transparent 30%),linear-gradient(135deg,#fdfffe,#f0fbf8 46%,#f3f8ff)}body:after{content:"";position:fixed;width:480px;height:480px;right:-180px;bottom:-220px;border-radius:999px;background:conic-gradient(from 120deg,#62b7cf29,#b8ead847,#8b82d71f,#62b7cf29);filter:blur(12px);opacity:.82;pointer-events:none;animation:orbFloat 14s ease-in-out infinite alternate}@keyframes orbFloat{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(-34px,-22px,0) rotate(18deg)}}.main{padding:14px}.main.with-sidebar{padding-left:calc(var(--sidebar-width) + 28px)}.sidebar{inset:10px auto 10px 10px;min-height:calc(100vh - 20px);padding:11px;border-radius:23px;background:radial-gradient(circle at 12% 0%,rgba(98,183,207,.22),transparent 34%),radial-gradient(circle at 90% 72%,rgba(184,234,216,.12),transparent 38%),linear-gradient(158deg,#09252af7,#07151fee)}.brand-row{gap:9px;padding:4px 4px 11px}.brand-mark,.metric-icon{width:32px;height:32px;border-radius:12px}.brand-copy span{font-size:13px}.brand-copy small{font-size:10px}.nav-list{gap:4px}.nav-item{grid-template-columns:16px 1fr 11px;gap:8px;padding:8px 9px;border-radius:13px;font-size:12px}.topbar{min-height:54px;padding:8px 10px;border-radius:21px;background:linear-gradient(135deg,#ffffffd6,#f6fffca1)}.topbar-left{gap:9px;min-width:240px}.topbar-sub{font-size:11px;margin-top:1px}.eyebrow{margin-bottom:2px;font-size:9px;letter-spacing:.13em}h1{font-size:clamp(15px,1.5vw,18px);letter-spacing:-.018em}h2{font-size:18px}h3{font-size:14px}.icon-button,.button,.toggle-live,.select{min-height:34px;padding:0 10px;border-radius:13px;gap:6px}.icon-button{width:34px}.select{min-width:232px}.pulse-dot{width:7px;height:7px}.page-title-row{margin:13px 2px 9px}.page-grid{gap:10px}.metrics-grid{gap:9px}.command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.metric-card{border-radius:20px;box-shadow:var(--shadow-soft);background:linear-gradient(160deg,#ffffffe0,#ffffff94),radial-gradient(circle at 0% 0%,rgba(98,183,207,.11),transparent 38%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.panel:hover,.metric-card:hover{transform:translateY(-1px);box-shadow:0 15px 36px #164c5c18}.panel{padding:12px}.metric-card{min-height:112px;padding:12px;gap:4px}.metric-card h2{font-size:19px}.metric-card p,.metric-card small,.small-muted{font-size:11px}.metric-headline{gap:7px}.sparkline{height:34px}.sparkline polyline{stroke-dasharray:160;stroke-dashoffset:160;animation:drawLine 2.2s ease forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.hero-panel{min-height:275px}.route-stage{margin:12px 0;gap:8px}.route-node{min-height:88px;padding:12px 8px;border-radius:18px}.route-node svg{animation:softPulse 3s ease-in-out infinite}.route-bridge span{animation:routeFlow 1.7s linear infinite}@keyframes softPulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.045);opacity:1}}@keyframes routeFlow{0%{transform:translate(-62%);opacity:.26}45%{opacity:1}to{transform:translate(68%);opacity:.3}}.route-insight-grid{gap:7px}.route-insight-grid div,.insight-grid div,.risk-card,.exec-card,.report-card,.policy-list div,.check-grid div,.status-list div,.feature-grid div,.alert-score-grid div{background:linear-gradient(135deg,#ffffffa1,#effcf985);border:1px solid var(--line);border-radius:15px;padding:9px 10px}.action-row{gap:8px;margin-top:10px}.decision-layout{gap:12px}.health-ring{width:108px;height:108px}.health-ring .ring-progress{transition:stroke-dashoffset .9s ease;filter:drop-shadow(0 0 8px rgba(29,148,126,.18))}.factor-list{gap:7px}.factor{padding:8px 0}.mini-bar i,.bar-bg span{animation:fillBar .9s ease both}@keyframes fillBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.executive-strip{gap:8px}.exec-card em{font-size:18px}.chart-panel{min-height:216px}.line-chart{height:124px}.chart-line,.corr-line{stroke-dasharray:220;stroke-dashoffset:220;animation:drawLine 2s ease forwards}.chart-foot{margin-top:6px;font-size:11px}.analytics-hero,.analytics-side{min-height:266px}.analytics-hero-body{grid-template-columns:126px 1fr;gap:12px}.hero-insights p{margin-bottom:10px}.insight-grid,.impact-list,.risk-cards{gap:8px}.impact-list div{padding:9px 10px;border-radius:15px}.correlation-panel{min-height:270px}.correlation-chart{height:180px}.risk-card em{font-size:19px}.pipeline{gap:8px}.pipeline-step{min-height:118px;padding:10px;border-radius:17px;gap:6px}.pipeline-step:after{content:"";position:absolute;inset:-80% -30% auto auto;width:120px;height:120px;background:radial-gradient(circle,rgba(98,183,207,.16),transparent 62%);animation:nodeGlow 3.8s ease-in-out infinite alternate}@keyframes nodeGlow{0%{transform:translate(0);opacity:.32}to{transform:translate(-20px,26px);opacity:.72}}.timeline{gap:7px}.timeline-item{padding:9px 10px;border-radius:15px}.timeline-dot{animation:beacon 2s ease-in-out infinite}@keyframes beacon{0%,to{box-shadow:0 0 0 4px var(--teal-soft)}50%{box-shadow:0 0 0 8px #1d947e14}}.device-grid{gap:10px}.device-card{min-height:230px}.device-top{margin-bottom:12px}.device-card h3{margin-bottom:5px}.device-signal{height:6px;margin:8px 0 10px}.device-signal span{animation:signalWave 1.6s ease forwards}@keyframes signalWave{0%{width:0}}.device-meta{gap:2px}.device-meta em{margin-bottom:3px}.table-wrap{border-radius:15px}th,td{padding:9px 10px}.form-grid,.status-list,.check-grid,.feature-grid{gap:8px}.form-grid input{height:36px;border-radius:12px}.code-block{min-height:210px;padding:12px;border-radius:16px}.report-card{min-height:112px}.report-card em{font-size:21px}.recommend-list{gap:8px}.recommend-list div{padding:11px;border-radius:17px}.recommend-list span{margin-bottom:8px}.notification-panel{grid-column:1 / -1;position:relative;overflow:hidden}.notification-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(98,183,207,.12) 40%,transparent 70%);transform:translate(-100%);animation:sheen 5s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}.telegram-grid{grid-template-columns:1.25fr .75fr}.telegram-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:8px 0 10px}.flow-node{min-height:38px;border-radius:15px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#ffffff94;color:var(--text-soft);font-size:11px;white-space:nowrap}.flow-node.bot{color:var(--teal);background:var(--teal-soft)}.flow-node.bot.warn{color:var(--amber);background:var(--amber-soft)}.flow-node.bot.danger{color:var(--coral);background:var(--coral-soft)}.flow-line{height:2px;min-width:28px;border-radius:99px;background:#62b7cf29;overflow:hidden}.flow-line i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--sky),var(--teal));animation:routeFlow 1.25s linear infinite}.telegram-demo-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;align-items:stretch}.phone-preview{border:1px solid rgba(27,109,141,.15);border-radius:19px;padding:10px;background:linear-gradient(155deg,#09252af5,#07151feb);color:#eafffb;box-shadow:inset 0 1px #ffffff14}.phone-top{display:flex;align-items:center;gap:7px;color:#eafffbb3;font-size:11px;margin-bottom:8px}.phone-top span{width:8px;height:8px;border-radius:99px;background:var(--teal);box-shadow:0 0 0 6px #1d947e24}.phone-preview pre,.telegram-log-card pre{margin:0;white-space:pre-wrap;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.alert-side{display:grid;gap:8px;align-content:start}.alert-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.alert-score-grid.vertical{grid-template-columns:1fr}.alert-score-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.alert-score-grid em{font-style:normal;color:var(--text);font-size:13px;text-transform:capitalize}.telegram-button{width:100%;background:linear-gradient(135deg,#1d947e,#62b7cf)}.telegram-kpi-panel{min-height:250px}.telegram-log-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.telegram-log-card{border:1px solid var(--line);border-radius:17px;padding:10px;background:linear-gradient(150deg,#ffffffb8,#effcf985);display:grid;gap:8px;min-height:150px}.telegram-log-card div{display:flex;align-items:center;gap:8px}.telegram-log-card em{font-style:normal;color:var(--text);font-size:12px}.telegram-log-card small{color:var(--muted)}.toast.info{background:#1d6a89eb}@media(max-width:1280px){.telegram-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-grid{grid-template-columns:1fr}}@media(max-width:920px){.main,.main.with-sidebar{padding:10px}.topbar{min-height:unset}.topbar-actions>*{min-width:0}.telegram-demo-layout,.telegram-log-grid,.telegram-flow{grid-template-columns:1fr}.flow-line{width:2px;height:22px;margin:0 auto}.flow-line i{width:100%;height:44%;animation:routeFlowY 1.25s linear infinite}@keyframes routeFlowY{0%{transform:translateY(-80%)}to{transform:translateY(130%)}}}.mobile-tabbar{display:none}@media(max-width:1024px){:root{--sidebar-width: min(312px, calc(100vw - 24px) )}.sidebar{width:var(--sidebar-width)}.main,.main.with-sidebar{padding:12px}.main.with-sidebar{padding-left:12px}.command-grid,.monitor-grid,.ml-grid,.settings-grid,.automation-grid,.reports-grid,.analytics-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-panel,.prediction-panel,.chart-panel,.wide-panel{grid-column:1 / -1}.executive-strip,.pipeline,.risk-cards,.recommend-list,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){html,body,#root{width:100%;overflow-x:hidden}body{background-attachment:scroll;background:radial-gradient(circle at 5% 0%,rgba(98,183,207,.24),transparent 32%),radial-gradient(circle at 95% 4%,rgba(184,234,216,.36),transparent 34%),linear-gradient(145deg,#fbfffd,#eefaf7 52%,#f3f8ff)}body:before{background-size:26px 26px;opacity:.72}body:after{width:310px;height:310px;right:-170px;bottom:-140px;opacity:.62}.app-shell{display:block;min-height:100dvh}.sidebar{top:8px;right:8px;bottom:8px;left:8px;width:calc(100vw - 16px);max-width:360px;min-height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:10px;border-radius:22px;z-index:60;transform:translate(calc(-100% - 22px))}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(calc(-100% - 22px))}.brand-row{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#081d26f5,#081d26b8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:8px;margin-bottom:5px}.nav-item{min-height:42px;font-size:12px;border-radius:14px;padding:9px 10px}.nav-chevron{display:none}.mobile-only{display:grid}.main,.main.with-sidebar{padding:9px}.topbar{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px;padding:9px;border-radius:20px;background:linear-gradient(135deg,#ffffffeb,#f2fffbc2);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar-left{width:100%;min-width:0;gap:8px}.topbar-left>div:last-child{min-width:0}.topbar h1{max-width:100%;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:8.5px;letter-spacing:.11em}.icon-button{width:32px;min-height:32px;border-radius:12px;flex:0 0 32px}.topbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.topbar-actions .select{grid-column:1 / -1;width:100%;min-width:0}.button,.toggle-live,.select{min-height:32px;min-width:0;padding:0 9px;border-radius:12px;font-size:11px}.button svg,.toggle-live svg{width:13px;height:13px}.mobile-tabbar{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 1px 4px;margin:0 0 3px;scrollbar-width:none}.mobile-tabbar::-webkit-scrollbar{display:none}.mobile-tab{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:linear-gradient(135deg,#ffffffc7,#eefdf894);color:var(--text-soft);min-height:33px;padding:0 10px;border-radius:999px;box-shadow:0 8px 20px #164c5c0e;font-size:11px;white-space:nowrap}.mobile-tab.active{color:#0f6d61;border-color:#1d947e42;background:linear-gradient(135deg,#1d947e26,#62b7cf21)}.page-title-row{margin:8px 1px;display:grid;grid-template-columns:1fr;gap:7px}.page-title-row h2{font-size:16px}.title-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.title-actions .status-chip{width:100%;justify-content:center}.status-chip{min-height:23px;padding:4px 8px;font-size:10px}.page-grid{gap:8px}.command-grid,.monitor-grid,.ml-grid,.settings-grid,.automation-grid,.reports-grid,.analytics-grid,.telegram-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.panel,.metric-card{border-radius:17px}.panel{padding:10px;overflow:hidden}.metric-card{min-height:96px;padding:10px;gap:3px}.metric-card h2{font-size:16px;letter-spacing:-.018em}.metric-card p,.metric-card small,.small-muted{font-size:10px}.metric-icon,.brand-mark{width:30px;height:30px;border-radius:11px}.metric-icon.compact{width:28px;height:28px;border-radius:10px}.sparkline{height:28px}.panel-head{align-items:flex-start;gap:8px;margin-bottom:10px}.panel-head h3{font-size:13px;line-height:1.28}.panel-head>.status-chip,.panel-head>.small-muted,.legend{flex:0 0 auto}.legend{font-size:10px;gap:5px;flex-wrap:wrap;justify-content:flex-end}.hero-panel{min-height:unset}.route-stage{grid-template-columns:1fr;gap:7px;margin:8px 0}.route-node{min-height:68px;border-radius:15px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;justify-items:start;text-align:left;padding:9px 10px;column-gap:8px}.route-node svg{grid-row:1 / 3;align-self:center}.route-node span{font-size:12px}.route-node small{font-size:10px}.route-bridge{height:20px}.route-insight-grid,.route-insight-grid.route-four,.insight-grid,.feature-grid,.status-list,.check-grid,.alert-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.route-insight-grid div,.insight-grid div,.feature-grid div,.status-list div,.check-grid div,.policy-list div,.exec-card,.risk-card,.alert-score-grid div{padding:8px;border-radius:13px}.route-insight-grid span,.insight-grid span,.feature-grid span,.status-list span,.check-grid span,.policy-list span,.exec-card span,.risk-card span,.report-card span{font-size:10px}.route-insight-grid em,.insight-grid em,.feature-grid em,.status-list em,.check-grid em,.policy-list em,.exec-card em,.risk-card em,.report-card em{font-size:12px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.action-row.left{grid-template-columns:1fr}.decision-layout,.analytics-hero-body{grid-template-columns:1fr;justify-items:stretch;gap:9px}.health-ring{width:96px;height:96px;justify-self:center}.health-ring span{font-size:22px}.prediction-copy p,.hero-insights p,.report-cover p,.recommend-list p{font-size:11px;line-height:1.5;margin-bottom:8px}.decision-tags{gap:6px;margin-top:8px}.decision-tags span{padding:5px 7px;font-size:10px}.factor-list{gap:5px;margin-top:9px}.factor{grid-template-columns:72px 1fr 26px;gap:7px;font-size:10px}.bar-bg,.mini-bar{height:6px}.executive-strip,.pipeline,.risk-cards,.recommend-list,.device-grid,.telegram-log-grid{grid-template-columns:1fr;gap:7px}.exec-card,.risk-card,.report-card{min-height:unset}.exec-card em,.risk-card em,.report-card em{font-size:17px}.chart-panel{min-height:188px}.line-chart{height:112px}.correlation-panel{min-height:222px}.correlation-chart{height:145px}.analytics-hero,.analytics-side{min-height:unset}.impact-list{gap:6px}.impact-list div{grid-template-columns:18px 1fr auto;gap:7px;padding:8px;border-radius:13px;font-size:11px}.pipeline-step{min-height:92px;padding:9px;border-radius:14px}.pipeline-step div{width:32px;height:32px;border-radius:11px}.pipeline-step span{font-size:12px}.pipeline-step small{font-size:10px;line-height:1.45}.timeline{gap:6px}.timeline-item{grid-template-columns:14px 1fr;gap:8px;padding:8px;border-radius:13px}.timeline-item>.status-chip{grid-column:2;justify-self:start}.timeline-item p{font-size:11px}.timeline-item small{font-size:10px}.device-card{min-height:unset}.device-top{margin-bottom:9px}.device-card p{font-size:10px;margin-bottom:8px}.device-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:2px;font-size:10px}.device-meta span{align-self:end}.telegram-demo-layout{grid-template-columns:1fr}.telegram-flow{grid-template-columns:1fr;gap:5px}.flow-node{min-height:32px;font-size:10px;border-radius:12px}.flow-line{width:2px;height:18px;margin:0 auto}.phone-preview{border-radius:15px;padding:8px;max-height:240px;overflow:auto}.phone-preview pre,.telegram-log-card pre,.code-block{font-size:10px;line-height:1.55}.telegram-log-card{min-height:unset;border-radius:14px;padding:8px}.telegram-kpi-panel{min-height:unset}.table-wrap{border-radius:13px;margin-left:-2px;margin-right:-2px;-webkit-overflow-scrolling:touch}table{min-width:760px;font-size:10.5px}th,td{padding:8px}.code-block{min-height:170px;max-height:300px}.form-grid{gap:7px}.form-grid label{gap:5px;font-size:11px}.form-grid input{height:34px;border-radius:11px;font-size:12px}.report-cover{align-items:stretch}.report-cover .health-ring{justify-self:center}.toast{left:10px;right:10px;bottom:10px;max-width:none;padding:10px 12px;border-radius:14px;font-size:12px}}@media(max-width:380px){.main,.main.with-sidebar{padding:7px}.topbar{top:6px;padding:8px;border-radius:18px}.topbar-actions{grid-template-columns:1fr}.topbar-actions .select{grid-column:auto}.title-actions,.metrics-grid,.route-insight-grid,.route-insight-grid.route-four,.insight-grid,.feature-grid,.status-list,.check-grid,.alert-score-grid,.action-row{grid-template-columns:1fr}.panel{padding:9px}.metric-card{min-height:88px}.mobile-tab{min-height:31px;padding:0 9px}}