:root{
  --bg:#03111c;--bg2:#061722;--panel:#071b27;--panel2:#0a2230;--panel3:#0c2635;
  --line:#173847;--line2:#214959;--text:#f4f8fb;--muted:#8fa9b7;--muted2:#5e7a88;
  --cyan:#29d3f3;--cyan2:#0fa8c8;--green:#43e399;--amber:#ffb13b;--red:#ff5b66;--violet:#a584ff;
  --shadow:0 18px 50px rgba(0,0,0,.25);--radius:16px;--sidebar:198px;--topbar:66px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 20%,rgba(22,105,126,.12),transparent 32%),linear-gradient(180deg,#03101a,#04141f 60%,#051923);color:var(--text);font-family:var(--font);font-size:14px;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1}.ambient-a{width:480px;height:480px;background:rgba(35,204,234,.05);left:8%;top:9%}.ambient-b{width:600px;height:600px;background:rgba(38,122,158,.05);right:-150px;bottom:-120px}
.topbar{height:var(--topbar);position:fixed;z-index:40;top:0;left:0;right:0;background:rgba(3,15,25,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(103,178,202,.16);display:flex;align-items:center}.brand{width:var(--sidebar);height:100%;display:flex;align-items:center;gap:11px;padding:0 18px;border-right:1px solid rgba(103,178,202,.14);color:#fff;text-decoration:none}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:20px;letter-spacing:-.5px}.brand-text strong b{font-weight:800}.brand-text small{font-size:7px;letter-spacing:3px;color:#6f8b98;text-transform:uppercase;margin-top:5px}.wave-logo{height:32px;width:32px;display:flex;align-items:center;justify-content:center;gap:2px}.wave-logo i{display:block;width:2px;border-radius:3px;background:linear-gradient(180deg,#31e4df,#29d3f3)}.wave-logo i:nth-child(1),.wave-logo i:nth-child(9){height:10px}.wave-logo i:nth-child(2),.wave-logo i:nth-child(8){height:17px}.wave-logo i:nth-child(3),.wave-logo i:nth-child(7){height:25px}.wave-logo i:nth-child(4),.wave-logo i:nth-child(6){height:31px}.wave-logo i:nth-child(5){height:38px}.top-context{display:flex;align-items:center;gap:10px;padding-left:28px;flex:1}.live-pill,.demo-pill{font-size:10px;font-weight:800;letter-spacing:.5px}.live-pill{display:flex;align-items:center;gap:6px;border:1px solid rgba(67,227,153,.22);background:rgba(67,227,153,.06);padding:8px 10px;border-radius:8px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#35f592;box-shadow:0 0 12px rgba(53,245,146,.8)}.demo-pill{padding:8px 2px;color:#e8eef2}.context-select{border:1px solid var(--line);background:#081a26;padding:9px 12px;border-radius:8px;color:#c8d8df;font-size:11px;min-width:180px;text-align:left}.context-select span{float:right}.top-actions{display:flex;align-items:center;gap:8px;padding-right:18px}.icon-btn{width:38px;height:38px;border-radius:10px;background:#081b27;border:1px solid var(--line);cursor:pointer;font-size:18px}.notification{position:relative}.notification em{position:absolute;right:-4px;top:-6px;background:var(--red);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.profile-chip{height:42px;min-width:118px;border:1px solid var(--line);border-radius:12px;background:#081b27;display:grid;grid-template-columns:30px 1fr 14px;grid-template-rows:1fr 1fr;align-items:center;padding:4px 8px;gap:0 8px;cursor:pointer}.profile-chip>span{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0e6985,#082c3f);display:grid;place-items:center;color:#74e9ff;font-weight:800;font-size:11px}.profile-chip b{font-size:10px;align-self:end}.profile-chip small{font-size:8px;color:var(--muted);align-self:start}.profile-chip i{grid-row:1/3;grid-column:3;font-style:normal;color:#7a96a5}
.app-shell{display:flex;padding-top:var(--topbar);min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;top:var(--topbar);bottom:28px;left:0;border-right:1px solid rgba(103,178,202,.14);background:linear-gradient(180deg,rgba(4,21,32,.96),rgba(5,24,35,.95));display:flex;flex-direction:column;padding:18px 10px 12px;z-index:30}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{height:44px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;width:100%;border:1px solid transparent;border-radius:11px;background:transparent;color:#8fa8b6;padding:0 12px;cursor:pointer;text-align:left;position:relative}.nav-item span{font-size:17px;color:#7d99a7}.nav-item b{font-size:12px;font-weight:650}.nav-item em{font-style:normal;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#8f2c35;color:#fff;font-size:9px;font-weight:800}.nav-item:hover{background:rgba(15,61,77,.35);color:#fff}.nav-item.active{border-color:rgba(36,204,235,.28);background:linear-gradient(90deg,rgba(20,119,145,.26),rgba(14,72,90,.13));color:#fff;box-shadow:inset 2px 0 0 var(--cyan)}.nav-item.active span{color:var(--cyan)}.new-badge{font-style:normal;font-size:8px;font-weight:800;padding:3px 6px;border-radius:10px;background:rgba(255,91,102,.16);color:#ff8f98;border:1px solid rgba(255,91,102,.2)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.field-net{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:9px;background:#081d29}.field-net>i{width:8px;height:8px;border-radius:50%;background:#30ee93;box-shadow:0 0 14px rgba(48,238,147,.9)}.field-net span{display:flex;flex-direction:column}.field-net b{font-size:11px}.field-net small{color:var(--muted);font-size:8px;margin-top:2px}
.workspace{margin-left:var(--sidebar);padding:28px 28px 56px;width:calc(100% - var(--sidebar));min-height:calc(100vh - var(--topbar));}.page{display:none;animation:pageIn .25s ease}.page.active{display:block}@keyframes pageIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:20px}.hero-head{margin-bottom:18px}.eyebrow{display:block;color:#43d6f4;letter-spacing:2px;font-size:9px;font-weight:800;margin-bottom:9px}.page-head h1{font-size:31px;line-height:1.05;margin:0 0 6px;letter-spacing:-1.2px}.page-head p{margin:0;color:var(--muted);font-size:12px}.head-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--line);border-radius:10px;height:40px;padding:0 16px;font-weight:800;font-size:11px;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.primary{background:linear-gradient(180deg,#66e1f7,#31c9e7);border-color:#65e6fb;color:#021016;box-shadow:0 7px 20px rgba(38,211,243,.14)}.btn.secondary{background:#081c28;color:#e9f4f8}.btn.ghost{background:transparent;border-color:#244656;color:#bed4df}.text-btn{border:0;background:transparent;color:#37d8f6;font-size:10px;font-weight:700;cursor:pointer}.panel{background:linear-gradient(180deg,rgba(7,28,40,.94),rgba(6,24,35,.96));border:1px solid rgba(62,120,143,.34);border-radius:var(--radius);box-shadow:0 10px 34px rgba(0,0,0,.08);overflow:hidden}.panel-head{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid rgba(57,112,132,.22);gap:14px}.panel-head>div{display:flex;flex-direction:column}.panel-head span{font-size:9px;letter-spacing:1.1px;color:#89a8b7;font-weight:800}.panel-head b{font-size:11px;margin-top:3px}.panel-tools{display:flex;align-items:center;gap:8px}.panel-tools select,.panel-head select,.period-select,.filterbar select,.device-toolbar select,.settings-card select{background:#071925;border:1px solid var(--line);color:#bdced6;border-radius:8px;padding:8px 10px;font-size:10px;outline:none}.tiny-btn{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#081b27;color:#a9c4d0;cursor:pointer}.inline-live{font-style:normal;font-size:8px;color:#4cf0a1;margin-left:7px}.critical-text{color:var(--red)!important}.amber-text{color:var(--amber)!important}.green-text{color:var(--green)!important}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.kpi-card{height:124px;border:1px solid rgba(48,113,135,.35);border-radius:15px;background:linear-gradient(180deg,#081d29,#071925);padding:15px 16px 11px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.035),transparent 32%)}.kpi-top{display:flex;gap:12px;align-items:flex-start}.kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:21px;font-weight:800}.kpi-card.cyan .kpi-icon{background:rgba(19,171,207,.17);color:var(--cyan)}.kpi-card.amber .kpi-icon{background:rgba(255,177,59,.15);color:var(--amber)}.kpi-card.red .kpi-icon{background:rgba(255,91,102,.15);color:var(--red)}.kpi-card.green .kpi-icon{background:rgba(67,227,153,.15);color:var(--green)}.kpi-card.violet .kpi-icon{background:rgba(165,132,255,.16);color:var(--violet)}.kpi-card small{display:block;font-size:8px;letter-spacing:.8px;color:#879daa;margin-bottom:4px}.kpi-card strong{font-size:27px;letter-spacing:-.7px}.kpi-card strong span{font-size:10px;color:#859faa;margin-left:2px}.kpi-card p{margin:3px 0 0;font-size:8px;color:#849ba7}.kpi-card p b{color:#e7f1f5}.kpi-card.cyan p b,.kpi-card.green p b{color:var(--green)}.kpi-card.red p b{color:var(--red)}.spark{height:25px;position:absolute;left:72px;right:14px;bottom:8px;width:calc(100% - 86px);overflow:visible}
.overview-main-grid{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(285px,1fr);gap:12px;margin-bottom:12px}.topology-panel{min-height:420px}.topology-canvas{height:320px;position:relative;background:radial-gradient(circle at 48% 46%,rgba(16,70,88,.13),transparent 38%),linear-gradient(180deg,rgba(4,17,27,.16),rgba(4,18,28,.55));overflow:hidden}.topology-canvas:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(87,145,165,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(87,145,165,.25) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at center,#000,transparent 83%)}#overviewTopology{width:100%;height:100%;position:relative;z-index:1}.net-link{stroke:#506c79;stroke-width:1.6;opacity:.85}.net-link.selected{stroke:#23cdf1;stroke-width:2.4;filter:url(#glow)}.net-link.risk{stroke:#d55f4d}.net-node .ring{fill:#071a25;stroke:#597887;stroke-width:2}.net-node .core{fill:#4eeaa4}.net-node.warning .ring{stroke:var(--amber)}.net-node.critical .ring{stroke:var(--red);stroke-width:2.4}.net-node text{fill:#6f8a97;font-size:10px}.net-node.hub rect{fill:#102531;stroke:#79daa8;stroke-width:2}.pulse-ring{fill:none;stroke:var(--red);opacity:.65;animation:pulse 2s ease-out infinite}.pulse-ring.p2{animation-delay:.55s}@keyframes pulse{0%{opacity:.8;stroke-width:2}100%{opacity:0;stroke-width:.8;transform:scale(1.2);transform-origin:center}}.selected-asset{position:absolute;right:18px;top:38px;width:170px;padding:14px;border:1px solid #2a5262;border-radius:12px;background:rgba(7,27,39,.94);z-index:3;box-shadow:0 16px 35px rgba(0,0,0,.2)}.selected-asset small,.selected-asset b,.selected-asset strong,.selected-asset span,.selected-asset em{display:block}.selected-asset small{font-size:8px;color:#6e8a98;letter-spacing:1px}.selected-asset b{font-size:9px;color:#90aebd;margin:5px 0}.selected-asset strong{font-size:17px}.selected-asset .crit{color:#ff737d;background:rgba(255,91,102,.12);width:max-content;border-radius:10px;padding:3px 7px;margin:8px 0 4px;font-size:9px}.selected-asset em{font-style:normal;color:var(--green);font-weight:800}.asset-summary{display:grid;grid-template-columns:1.2fr 1fr .85fr 1.1fr;border-top:1px solid rgba(57,112,132,.22)}.asset-summary div{min-height:62px;padding:13px 15px;border-right:1px solid rgba(57,112,132,.22)}.asset-summary div:last-child{border-right:0}.asset-summary small{display:block;color:#688390;font-size:8px;letter-spacing:.8px;margin-bottom:6px}.asset-summary b{font-size:10px}.legend{font-size:8px!important;letter-spacing:0!important;display:flex;align-items:center;gap:8px}.legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.legend .n{background:var(--green)}.legend .w{background:var(--amber)}.legend .c{background:var(--red)}.legend .s{background:var(--cyan)}.events-panel{display:flex;flex-direction:column}.event-list{padding:5px 13px;flex:1}.event-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(54,109,130,.18);cursor:pointer}.event-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.event-icon.critical{background:rgba(255,91,102,.16);color:var(--red)}.event-icon.warning{background:rgba(255,177,59,.14);color:var(--amber)}.event-icon.info{background:rgba(41,211,243,.12);color:var(--cyan)}.event-item b{display:block;font-size:10px}.event-item small{display:block;font-size:8px;color:#6d8997;margin-top:3px}.event-item time{font-size:8px;color:#68838f}.footer-action{width:calc(100% - 24px);margin:7px 12px 12px;height:34px;border:1px solid var(--line);border-radius:8px;background:#081b27;color:#b8ccd5;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;cursor:pointer}
.overview-bottom-grid{display:grid;grid-template-columns:1.55fr 1.05fr .9fr 1fr;gap:12px;margin-bottom:12px}.signals{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px}.signal-card{border:1px solid rgba(55,111,132,.26);border-radius:10px;padding:9px;background:rgba(4,19,29,.35)}.signal-card label{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:8px;color:#83a1af}.signal-card label span{font-size:7px}.signal-card label b{grid-column:2;font-size:13px;color:#fff}.signal-card svg{width:100%;height:52px;margin-top:4px}.health-flex{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:15px;align-items:center}.health-donut,.big-donut{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--green) 0 87%,#163544 87%);position:relative;display:grid;place-items:center;margin:auto}.health-donut:after,.big-donut:after{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:#071b27}.health-donut b,.health-donut span,.health-donut em,.big-donut b,.big-donut small{position:absolute;z-index:1}.health-donut b{font-size:29px}.health-donut span{font-size:8px;top:59%}.health-donut em{font-style:normal;font-size:8px;color:var(--green);top:112%;white-space:nowrap}.health-bars{display:flex;flex-direction:column;gap:10px}.health-bars label{font-size:8px;color:#8fa8b5;display:grid;grid-template-columns:1fr 22px;gap:5px;align-items:center}.health-bars label span{text-align:right;color:#dbe8ee;font-weight:800}.health-bars i{grid-column:1/3;height:4px;background:#153543;border-radius:5px;overflow:hidden}.health-bars i b{display:block;height:100%;background:linear-gradient(90deg,#41e59d,#8eea72)}.priority-panel #priorityList{padding:8px 12px}.priority-row{display:grid;grid-template-columns:1fr 78px 26px;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(54,109,130,.17)}.priority-row span b{display:block;font-size:9px}.priority-row span small{font-size:7px;color:#6f8995}.bar{height:4px;border-radius:5px;background:#153541;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,var(--red),var(--amber))}.priority-row strong{font-size:9px;text-align:right}.insight-panel{padding-bottom:4px}.insight-panel .panel-head{border-bottom:0}.ai-orb,.explain-orb{width:58px;height:58px;margin:7px auto;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#65e9ff;background:radial-gradient(circle,rgba(52,212,240,.22),rgba(22,83,104,.09));box-shadow:0 0 26px rgba(41,211,243,.15),inset 0 0 18px rgba(41,211,243,.12);border:1px solid rgba(41,211,243,.22)}.insight-panel p{font-size:9px;line-height:1.55;color:#9eb2bc;padding:0 15px;margin:8px 0 12px}.insight-panel p b{color:#dbe9ef}
.brochure-strip{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:12px;border:1px solid rgba(51,108,129,.28);border-radius:16px;padding:12px 14px;background:linear-gradient(90deg,#071b27,#08202e)}.brochure-strip-intro{padding:8px 5px}.brochure-strip-intro h2{font-size:18px;margin:0 0 5px}.brochure-strip-intro p{font-size:9px;color:#809aa7;line-height:1.45;max-width:260px}.brochure-strip-intro .btn{height:32px;margin-top:4px}.mini-brochure{height:94px;border:1px solid #204553;border-radius:10px;background:#081c28;text-align:left;padding:8px;cursor:pointer;position:relative;overflow:hidden}.mini-brochure:hover{border-color:#2e8da7}.mini-brochure .thumb{position:absolute;inset:0;opacity:.55;background-size:cover;background-position:center}.mini-brochure .t1{background-image:linear-gradient(90deg,rgba(7,23,34,.78),rgba(7,23,34,.2)),url('brochures/innoline-basic-pro.png')}.mini-brochure .t2{background-image:linear-gradient(90deg,rgba(7,23,34,.8),rgba(7,23,34,.2)),url('brochures/innoline-operations-center.png')}.mini-brochure .t3{background-image:linear-gradient(90deg,rgba(7,23,34,.75),rgba(7,23,34,.15)),url('brochures/innoline-brochure-center.png')}.mini-brochure .t4{background-image:radial-gradient(circle at 70% 40%,rgba(38,213,246,.25),transparent 18%),linear-gradient(135deg,#0a2534,#051620)}.mini-brochure b,.mini-brochure small{position:relative;z-index:1;display:block}.mini-brochure b{margin-top:45px;font-size:10px}.mini-brochure small{font-size:8px;color:#9db0b9;margin-top:3px}
.metric-row.compact,.event-stats,.device-summary,.maintenance-summary,.analytics-kpis,.library-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-row.compact article,.event-stats article,.device-summary article,.maintenance-summary article,.analytics-kpis article,.library-stats article{min-height:94px;border:1px solid rgba(49,108,130,.3);border-radius:13px;background:#071c29;padding:14px 16px}.metric-row article span,.event-stats article span,.device-summary article span,.maintenance-summary article span,.library-stats article span{display:block;color:#819aa7;font-size:8px;letter-spacing:.7px;text-transform:uppercase}.metric-row article b,.event-stats article b,.device-summary article b,.maintenance-summary article b,.library-stats article b{display:block;font-size:25px;margin:5px 0 2px}.metric-row article small,.event-stats article small,.device-summary article small,.maintenance-summary article small,.library-stats article small{font-size:8px;color:#708a97}.topology-page-grid{display:grid;grid-template-columns:2.25fr .8fr;gap:12px;margin-bottom:12px}.network-map-panel{min-height:520px}.large-map{height:468px;position:relative;background:radial-gradient(circle at 48% 45%,rgba(21,83,102,.16),transparent 35%),linear-gradient(rgba(45,99,119,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,99,119,.05) 1px,transparent 1px);background-size:auto,35px 35px,35px 35px}.map-link{position:absolute;height:2px;background:#415e6b;transform-origin:0 50%;opacity:.75}.map-link.selected{background:var(--cyan);box-shadow:0 0 8px rgba(41,211,243,.55)}.map-node-html{position:absolute;transform:translate(-50%,-50%);width:58px;height:50px;text-align:center;cursor:pointer}.map-node-html .pole-dot{width:16px;height:16px;border:3px solid #0c2a39;background:#4eeaa5;border-radius:50%;display:block;margin:auto;box-shadow:0 0 0 1px #547c8d}.map-node-html.warning .pole-dot{background:var(--amber)}.map-node-html.critical .pole-dot{background:var(--red);box-shadow:0 0 0 2px rgba(255,91,102,.35),0 0 22px rgba(255,91,102,.25)}.map-node-html.hub .pole-dot{border-radius:4px;background:#8ee9b5}.map-node-html label{display:block;font-size:8px;color:#8faab7;margin-top:5px}.scoretag{position:absolute;right:-5px;top:-5px;border-radius:8px;background:#0b2938;border:1px solid #244f60;padding:2px 4px;font-size:7px;color:#9fb6c0}.asset-detail{min-height:520px}.empty-state,.preview-empty{height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#7e99a6}.empty-state span,.preview-empty span{font-size:40px;color:#2b7088}.empty-state h3,.preview-empty h3{font-size:15px;color:#dbe7ed;margin:12px 0 6px}.empty-state p,.preview-empty p{font-size:9px;max-width:220px}.detail-content{padding:18px}.detail-content h2{font-size:25px;margin:2px 0}.detail-content>p{font-size:9px;color:#77929f}.detail-badge{float:right;margin-top:-43px;padding:6px 8px;border-radius:9px;background:rgba(67,227,153,.1);color:var(--green);font-size:8px;font-weight:800}.health-ring{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;margin:26px auto;position:relative}.health-ring:after{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:#071b27}.health-ring b{z-index:1;font-size:29px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-metrics div,.drawer-grid div{border:1px solid rgba(58,115,136,.28);background:#081c28;border-radius:9px;padding:9px}.detail-metrics small,.drawer-grid small{display:block;color:#718d9a;font-size:7px}.detail-metrics b,.drawer-grid b{display:block;font-size:10px;margin-top:4px}.three-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:12px}.bar-list{padding:13px 15px}.bar-list .feeder-row{display:grid;grid-template-columns:90px 1fr 28px;align-items:center;gap:10px;padding:8px 0}.bar-list label{font-size:9px}.bar-list strong{text-align:right;font-size:9px}.radar-placeholder{height:210px;position:relative;display:grid;place-items:center}.radar-ring{position:absolute;border:1px solid rgba(41,211,243,.18);border-radius:50%}.radar-ring.r1{width:160px;height:160px}.radar-ring.r2{width:110px;height:110px}.radar-ring.r3{width:60px;height:60px}.radar-placeholder:before,.radar-placeholder:after{content:"";position:absolute;background:rgba(41,211,243,.15)}.radar-placeholder:before{width:170px;height:1px}.radar-placeholder:after{width:1px;height:170px}.radar-placeholder span{font-size:30px;font-weight:800}.radar-placeholder small{position:absolute;margin-top:44px;color:#76929e}.location-card{padding:18px}.location-card strong{font-size:20px}.location-card p{font-size:10px;color:#89a1ad}.range-track{height:9px;background:#13303e;border-radius:10px;position:relative;margin-top:28px}.range-track i{position:absolute;height:100%;border-radius:10px;background:rgba(255,177,59,.3)}.range-track span{position:absolute;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px rgba(255,177,59,.35)}
.filterbar,.device-toolbar,.library-tabs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.filterbar input,.device-toolbar input,.mini-search,.settings-card input{height:38px;border:1px solid var(--line);background:#071925;border-radius:9px;color:#dbe6eb;padding:0 12px;outline:none}.filterbar input{width:280px}.filter{height:36px;padding:0 13px;background:#071a26;border:1px solid var(--line);border-radius:9px;color:#94abb7;font-size:10px;cursor:pointer}.filter.active{background:rgba(41,211,243,.11);border-color:#1e7f99;color:#63e3fb}.table-panel{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{text-align:left;font-size:8px;color:#78939f;letter-spacing:.7px;padding:12px 14px;border-bottom:1px solid rgba(63,119,139,.25);font-weight:800}.data-table td{font-size:9px;padding:12px 14px;border-bottom:1px solid rgba(63,119,139,.15);color:#a7bbc4}.data-table tr:hover td{background:rgba(24,83,104,.07)}.data-table td b{color:#e9f2f6}.status-dot{display:inline-flex;align-items:center;gap:6px;font-weight:800}.status-dot i{width:8px;height:8px;border-radius:50%}.status-dot.critical i{background:var(--red)}.status-dot.warning i{background:var(--amber)}.status-dot.info i{background:var(--cyan)}.pill{display:inline-block;border:1px solid #315264;border-radius:10px;padding:4px 7px;font-size:8px}.pill.red{color:#ff828a;border-color:#6d333b;background:rgba(255,91,102,.08)}.pill.green{color:#5be6a1;border-color:#245b48;background:rgba(67,227,153,.08)}.pill.amber{color:#ffc65f;border-color:#6b5430;background:rgba(255,177,59,.07)}.row-action{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:#091d29;color:#7f99a6;cursor:pointer}
.health-hero{display:grid;grid-template-columns:.7fr 1.25fr 1fr;gap:12px;margin-bottom:12px}.big-score{display:flex;flex-direction:column;align-items:center;padding:18px}.big-score>span{font-size:8px;letter-spacing:1px;color:#87a1ad}.big-donut{width:145px;height:145px;margin:18px auto 12px}.big-donut b{font-size:42px}.big-donut small{font-size:10px;margin-top:50px;color:#819ba7}.big-score p{font-size:9px;color:#8ba3ae}.risk-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:13px 15px 4px}.matrix-cell{height:31px;border-radius:5px;position:relative}.matrix-cell.low{background:rgba(67,227,153,.13)}.matrix-cell.med{background:rgba(255,177,59,.15)}.matrix-cell.high{background:rgba(255,91,102,.17)}.matrix-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.13)}.matrix-legend{display:flex;justify-content:space-between;padding:5px 15px 13px;color:#708995;font-size:7px}
.device-toolbar{justify-content:space-between}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.segmented button{height:34px;padding:0 14px;border:0;border-right:1px solid var(--line);background:#071a26;color:#849eaa;font-size:9px}.segmented button:last-child{border-right:0}.segmented button.active{background:rgba(41,211,243,.12);color:#64e5fb}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.device-card{border:1px solid rgba(54,111,132,.3);border-radius:14px;background:linear-gradient(180deg,#081e2b,#071925);padding:14px;cursor:pointer;transition:.2s}.device-card:hover{transform:translateY(-2px);border-color:#2c7086}.device-card-head{display:flex;justify-content:space-between;gap:10px}.device-card-head .type{font-size:7px;color:#5ee2f8;letter-spacing:1px}.device-card-head h3{margin:3px 0;font-size:16px}.device-card-head small{font-size:8px;color:#73909c}.online,.offline{font-size:7px;font-weight:800}.online{color:var(--green)}.offline{color:var(--red)}.device-visual{height:115px;display:grid;place-items:center}.device-box{width:70px;height:82px;border-radius:9px;background:linear-gradient(160deg,#d4dee3,#738894);border:4px solid #829aa5;color:#0e2936;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:900;box-shadow:0 14px 22px rgba(0,0,0,.28);position:relative}.device-box:before{content:"";position:absolute;width:10px;height:64px;background:#1b3542;right:-20px;border-radius:8px}.device-box.probox:after{content:"CAM";position:absolute;bottom:-25px;right:-20px;width:28px;height:20px;border-radius:5px;background:#1a3340;color:#6bdff6;font-size:6px;display:grid;place-items:center}.device-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.device-metrics div{border:1px solid rgba(55,111,132,.25);border-radius:8px;padding:7px}.device-metrics small{display:block;font-size:6px;color:#708c99}.device-metrics b{font-size:9px}
.analytics-kpis article b{font-size:26px;display:block;margin:5px 0}.analytics-kpis article span{font-size:8px;color:#6de2a5;letter-spacing:0;text-transform:none}.analytics-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:12px}.analytics-main{grid-row:span 2}.analytics-main svg{width:100%;height:320px;padding:14px}.donut-wrap{padding:20px}.multi-donut{width:135px;height:135px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--cyan) 0 36%,var(--amber) 36% 61%,var(--green) 61% 79%,var(--violet) 79%);position:relative}.multi-donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#071b27}.type-legend{margin-top:18px}.type-legend div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(52,108,128,.15);padding:7px 0;font-size:8px;color:#8ea6b2}.type-legend b{color:#e3edf1}.latency-bars,.feature-list{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.latency-bars label,.feature-list label{font-size:8px;color:#8ca5b0;display:grid;grid-template-columns:1fr auto;gap:7px}.latency-bars label b,.feature-list label b{color:#dce9ee}.latency-bars i,.feature-list i{grid-column:1/3;height:6px;background:#14323f;border-radius:7px;overflow:hidden}.latency-bars i span,.feature-list i span{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),#4f8cff)}.impact-score{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}.impact-score b{font-size:46px;color:var(--green)}.impact-score span{font-size:10px}.impact-score small{font-size:8px;color:#718c98;margin-top:7px}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.kanban-col{border:1px solid rgba(54,111,132,.25);background:#061824;border-radius:14px;min-height:440px;padding:10px}.kanban-title{display:flex;align-items:center;justify-content:space-between;padding:7px 4px 13px}.kanban-title b{font-size:10px}.kanban-title span{width:20px;height:20px;border-radius:7px;background:#0d2b3a;display:grid;place-items:center;font-size:8px}.task{border:1px solid rgba(61,120,141,.28);background:#0a202d;border-radius:11px;padding:12px;margin-bottom:9px}.task-sev{font-size:7px;color:var(--amber);font-weight:800}.task h4{font-size:12px;margin:5px 0 3px}.task p{font-size:8px;color:#7894a0;margin:0 0 12px}.task-foot{display:flex;justify-content:space-between;font-size:7px;color:#6c8794}
.ai-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin-bottom:12px}.model-card{padding:20px}.model-head{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center}.ai-badge{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,rgba(41,211,243,.18),rgba(165,132,255,.18));display:grid;place-items:center;color:#62e6ff;font-size:8px;font-weight:900;border:1px solid rgba(41,211,243,.2)}.model-head small{font-size:7px;color:#6e8b98}.model-head h2{font-size:22px;margin:2px 0}.model-head p{font-size:8px;color:#7d98a4;margin:0}.model-head>b{font-size:30px;color:#63e5fa}.model-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}.model-stats div{background:#071824;border:1px solid rgba(58,116,136,.26);border-radius:9px;padding:10px}.model-stats small{display:block;font-size:7px;color:#708c99}.model-stats b{font-size:14px}.ai-explain{padding-bottom:8px}.ai-explain h3{text-align:center;font-size:15px;margin:6px}.ai-explain p{font-size:9px;line-height:1.55;color:#8ca5b0;padding:0 18px}.confidence{padding:8px 18px 12px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:8px}.confidence i{grid-column:1/3;height:6px;background:#153441;border-radius:7px;overflow:hidden}.confidence i em{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.model-table{margin-top:12px}
.library-tabs{border-bottom:1px solid rgba(55,111,132,.25);padding-bottom:10px}.library-tabs button{border:0;background:transparent;color:#839ca8;padding:8px 13px;border-radius:8px;font-size:9px;cursor:pointer}.library-tabs button.active{background:rgba(41,211,243,.12);color:#5ce0f8}.brochure-page-grid{display:grid;grid-template-columns:minmax(0,1.8fr) 390px;gap:12px;margin-bottom:12px}.library-main{min-height:540px}.brochure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brochure-card{border:1px solid rgba(54,111,132,.3);background:#071b27;border-radius:13px;overflow:hidden;cursor:pointer;transition:.2s}.brochure-card:hover{transform:translateY(-2px);border-color:#2798b5}.brochure-card.selected{border-color:#2cd6f6;box-shadow:0 0 0 1px rgba(44,214,246,.18)}.brochure-thumb{height:178px;background:#fff;overflow:hidden}.brochure-thumb img{width:100%;height:100%;object-fit:cover;display:block}.brochure-meta{padding:11px}.brochure-meta h3{font-size:11px;margin:0 0 4px}.brochure-meta p{font-size:8px;color:#7c96a2;margin:0 0 9px}.brochure-meta div{display:flex;justify-content:space-between;align-items:center}.brochure-meta span{font-size:7px;color:#6c8794}.brochure-meta .tag{border:1px solid #285165;padding:3px 6px;border-radius:9px;color:#68dff5}.library-preview{border:1px solid rgba(55,111,132,.3);border-radius:14px;background:#071b27;min-height:540px;overflow:hidden}.preview-image{height:240px;background:#fff}.preview-image img{width:100%;height:100%;object-fit:contain;display:block}.preview-body{padding:16px}.preview-body h2{font-size:18px;margin:0 0 4px}.preview-body>p{font-size:9px;color:#7d98a5;line-height:1.5}.preview-points{margin:14px 0;display:flex;flex-direction:column;gap:8px}.preview-points span{font-size:9px;color:#a7bbc4}.preview-points span:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-actions .btn{display:grid;place-items:center;text-decoration:none}.comparison-section{margin-top:12px}.platform-note{font-size:8px!important;letter-spacing:0!important;font-weight:500!important;max-width:500px;text-align:right}.comparison-table{padding:0 14px 14px}.comparison-table>div{display:grid;grid-template-columns:1.05fr 1.2fr 1.2fr;border-bottom:1px solid rgba(54,111,132,.18);min-height:42px;align-items:center}.comparison-table span,.comparison-table b{font-size:9px;padding:10px 12px}.comparison-table b{font-weight:650;color:#c5d6dd}.comparison-table .comp-head{background:#092333;border-radius:8px 8px 0 0}.comparison-table .comp-head b{color:#66e2fa;text-transform:uppercase}.comparison-table .comp-head .pro{color:#ffbd69}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{padding:18px}.settings-card h3{font-size:14px;margin:0 0 15px}.settings-card>label:not(.toggle-row){display:flex;flex-direction:column;gap:6px;color:#8ba4af;font-size:9px;margin:13px 0}.settings-card input:not([type=checkbox]):not([type=range]){width:100%}.settings-card input[type=range]{width:100%;accent-color:var(--cyan)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid rgba(55,111,132,.18)}.toggle-row span{display:flex;flex-direction:column}.toggle-row b{font-size:9px}.toggle-row small{font-size:7px;color:#708b98;margin-top:3px}.toggle-row input{width:36px;height:18px;accent-color:var(--cyan)}
.app-footer{position:fixed;left:var(--sidebar);right:0;bottom:0;height:28px;background:#04111a;border-top:1px solid rgba(57,112,132,.16);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#5f7b88;font-size:7px;z-index:29}.app-footer b{color:#91aab5}.toast{position:fixed;right:22px;top:80px;z-index:100;background:#0b2938;border:1px solid #315568;border-radius:10px;color:#e6f2f6;padding:12px 16px;font-size:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:80;opacity:0;pointer-events:none;transition:.2s}.drawer{position:fixed;z-index:81;right:0;top:0;bottom:0;width:420px;background:#071b27;border-left:1px solid #295064;box-shadow:-20px 0 50px rgba(0,0,0,.28);padding:28px;transform:translateX(100%);transition:.25s ease;overflow:auto}.drawer.open{transform:none}.drawer.open~*{}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-close{position:absolute;right:15px;top:12px;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#081d29;font-size:20px}.drawer h2{font-size:25px;margin:7px 0}.drawer p{font-size:10px;color:#8aa4af;line-height:1.55}.drawer-section{margin-top:22px;border-top:1px solid rgba(55,111,132,.25);padding-top:16px}.drawer-section h4{font-size:10px;color:#cfe0e6}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.modal-card{position:relative;z-index:1;width:min(1180px,95vw);max-height:90vh;border-radius:16px;background:#071b27;border:1px solid #31586a;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.brochure-modal-card img{display:block;width:100%;max-height:78vh;object-fit:contain;background:#fff}.modal-close{position:absolute;z-index:2;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid #365d6f;background:rgba(4,19,29,.85);font-size:20px}.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 15px}.modal-foot div{display:flex;flex-direction:column}.modal-foot b{font-size:11px}.modal-foot small{font-size:8px;color:#7d98a4;margin-top:3px}.modal-foot .btn{text-decoration:none;display:grid;place-items:center}
@media(max-width:1350px){:root{--sidebar:176px}.kpi-grid{grid-template-columns:repeat(5,1fr)}.kpi-card{padding:13px}.overview-bottom-grid{grid-template-columns:1.4fr 1fr 1fr}.insight-panel{display:none}.brochure-strip{grid-template-columns:1.2fr repeat(3,1fr)}.brochure-strip .mini-brochure:last-child{display:none}.device-grid{grid-template-columns:repeat(3,1fr)}.brochure-page-grid{grid-template-columns:1.5fr 330px}.brochure-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){:root{--sidebar:74px}.brand{width:var(--sidebar);padding:0 18px}.brand-text{display:none}.nav-item{grid-template-columns:1fr;height:46px;padding:0}.nav-item b,.nav-item em,.nav-item .new-badge{display:none}.nav-item span{text-align:center}.field-net span{display:none}.field-net{justify-content:center}.top-context{padding-left:14px}.overview-main-grid,.topology-page-grid,.health-hero,.ai-grid,.brochure-page-grid{grid-template-columns:1fr}.overview-bottom-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid .kpi-card:nth-child(4),.kpi-grid .kpi-card:nth-child(5){grid-column:auto}.device-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-main{grid-column:1/3}.kanban{grid-template-columns:1fr 1fr}.brochure-strip{grid-template-columns:1fr 1fr}.brochure-strip-intro{grid-column:1/3}.library-preview{min-height:360px}}
@media(max-width:720px){body{font-size:13px}.top-context .demo-pill,.context-select{display:none}.profile-chip{min-width:45px;grid-template-columns:30px}.profile-chip b,.profile-chip small,.profile-chip i{display:none}.workspace{padding:20px 14px 50px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .btn{flex:1}.kpi-grid,.metric-row.compact,.event-stats,.device-summary,.maintenance-summary,.analytics-kpis,.library-stats{grid-template-columns:1fr 1fr}.overview-main-grid,.overview-bottom-grid,.three-grid,.settings-grid{grid-template-columns:1fr}.topology-canvas{height:280px}.selected-asset{width:145px;right:8px;top:12px}.asset-summary{grid-template-columns:1fr 1fr}.asset-summary div:nth-child(2){border-right:0}.brochure-strip{grid-template-columns:1fr}.brochure-strip-intro{grid-column:1}.signals{grid-template-columns:1fr 1fr}.device-grid,.brochure-grid,.kanban{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}.analytics-main{grid-column:auto}.top-actions .icon-btn:first-child{display:none}.app-footer span:nth-child(2){display:none}.filterbar{flex-wrap:wrap}.filterbar input{width:100%}.comparison-table>div{grid-template-columns:1fr}.comparison-table .comp-head span{display:none}.comparison-table .comp-head{grid-template-columns:1fr 1fr}.comparison-table .comp-head b{display:block}.platform-note{display:none}}
.tech-thumb{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(41,211,243,.14),transparent 38%),linear-gradient(135deg,#071925,#0a2634);color:#cfeaf2}.tech-thumb.architecture{gap:8px}.tech-thumb.architecture span{border:1px solid #2b697e;background:#0b2a39;border-radius:8px;padding:10px 9px;font-size:8px;font-weight:900;color:#62e5fb}.tech-thumb.architecture i{font-style:normal;color:#4b879a}.tech-thumb.fusion{gap:13px;font-size:22px}.tech-thumb.fusion b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid #2b7b94;background:rgba(41,211,243,.12);color:#68e4f9;font-size:14px}.tech-thumb.health{flex-direction:column}.tech-thumb.health strong{font-size:44px;color:#52e29d}.tech-thumb.health span{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}.tech-thumb.health i{height:4px;border-radius:4px;width:65%;background:linear-gradient(90deg,#43e399,#29d3f3);margin:3px}.dark-preview{background:#061925!important;display:grid;place-items:center}.dark-preview .tech-thumb{min-height:240px}

/* ===== innoLine v2.0 professional operations layer ===== */
.nav-feature{border:1px solid rgba(41,211,243,.22);background:linear-gradient(90deg,rgba(41,211,243,.12),rgba(41,211,243,.025));margin-bottom:10px}.nav-feature span,.nav-feature b{color:#7ce9fb}.map-page-head{margin-bottom:10px}.map-dashboard{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;gap:10px;min-height:650px}.map-layers{padding:0;overflow:auto;max-height:650px;background:linear-gradient(180deg,#071d2a,#061722)}.map-panel-title{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;border-bottom:1px solid rgba(58,119,143,.25)}.map-panel-title>div{display:flex;flex-direction:column}.map-panel-title span{font-size:8px;letter-spacing:1.4px;color:#6e9baa}.map-panel-title b{font-size:10px;margin-top:3px}.map-layer-group{padding:11px 11px 5px;border-bottom:1px solid rgba(58,119,143,.18)}.map-layer-group>small,.map-tools>small{display:block;font-size:7px;letter-spacing:1.4px;color:#54d8ef;margin-bottom:7px;font-weight:800}.map-layer-group label{display:grid;grid-template-columns:16px 20px 1fr auto;align-items:center;gap:6px;padding:6px 5px;border-radius:7px;color:#b9cbd2;font-size:8px;cursor:pointer}.map-layer-group label:hover{background:rgba(41,211,243,.06)}.map-layer-group input{accent-color:#24d2ee}.map-layer-group label i{font-style:normal;color:#5f8290}.map-layer-group label em{font-style:normal;font-size:6px;color:#ffb13b;background:rgba(255,177,59,.13);padding:3px 5px;border-radius:7px}.layer-ico{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#0d3040;color:#71dff4;font-size:9px}.map-tools{padding:10px}.map-tools>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.map-tool{height:40px;border:1px solid #244d60;border-radius:8px;background:#0a2634;color:#8ba5b0;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.map-tool b{font-size:6px;font-weight:600}.map-tool.active{background:#0a7687;border-color:#23bfd8;color:white}.map-stage{position:relative;border:1px solid #214757;border-radius:14px;overflow:hidden;min-height:650px;background:#061824}.google-map-base{position:absolute;inset:0;z-index:0;background:#0a1720;overflow:hidden}.google-map-base iframe{position:absolute;inset:-2%;width:104%;height:104%;border:0;pointer-events:none;filter:saturate(.9) brightness(.62) contrast(1.17)}.google-map-chip{position:absolute;z-index:9;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(117,177,197,.45);border-radius:8px;background:rgba(4,23,32,.86);backdrop-filter:blur(8px);font-size:7px;color:#dcecf1;box-shadow:0 5px 18px rgba(0,0,0,.22)}.google-map-chip span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#fff;color:#4285f4;font-weight:900;font-size:9px}.google-map-chip b{font-size:6px;color:#70dafa;letter-spacing:.7px}.map-vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 48% 45%,transparent 0 42%,rgba(1,12,18,.36) 100%),linear-gradient(180deg,rgba(2,17,25,.06),rgba(2,17,25,.28));pointer-events:none}.geo-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(41,211,243,.35))}.feeder{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.feeder.green{stroke:#42e39d}.feeder.cyan{stroke:#29d3f3}.feeder.amber{stroke:#ffb13b}.feeder.red{stroke:#ff525f;stroke-width:3}.geo-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);border:0;background:transparent;color:#dff7fb;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.geo-marker>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid #65e8c2;background:rgba(5,31,39,.88);box-shadow:0 0 0 4px rgba(63,225,162,.08),0 4px 18px rgba(0,0,0,.4);font-size:10px}.geo-marker>b{font-size:6px;text-shadow:0 1px 4px #000}.geo-marker.warning>span{border-color:#ffb13b;color:#ffca72}.geo-marker.critical>span{border-color:#ff5965;color:#fff;background:#8d2029}.geo-marker.pro>span{width:32px;height:32px;background:#163c4c}.geo-marker.hub>span{border-radius:7px;color:#a8ffcb}.alarm-rings,.alarm-rings:before,.alarm-rings:after{position:absolute;width:52px;height:52px;border:1px solid rgba(255,73,86,.75);border-radius:50%;content:"";animation:mapPulse 2.2s infinite}.alarm-rings:before{inset:-14px}.alarm-rings:after{inset:-28px}@keyframes mapPulse{0%,100%{opacity:.2;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}.risk-cluster{position:absolute;z-index:5;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:2px solid currentColor;background:rgba(5,20,28,.88);display:grid;place-items:center;color:#43e399}.risk-cluster b{font-size:11px}.risk-cluster.amber{color:#ffb13b}.risk-cluster.red{color:#ff5965;box-shadow:0 0 0 12px rgba(255,89,101,.10),0 0 0 24px rgba(255,89,101,.06)}.weather-patch{position:absolute;z-index:3;padding:8px 10px;border:1px solid rgba(75,155,181,.35);border-radius:10px;background:rgba(4,23,32,.76);backdrop-filter:blur(7px);display:grid;grid-template-columns:auto auto;gap:0 6px}.weather-patch span{grid-row:1/3;font-size:18px;color:#70dafa}.weather-patch b{font-size:9px}.weather-patch small{font-size:6px;color:#8ba4ae}.wp1{left:67%;top:9%}.wp2{left:8%;top:12%}.map-zoom{position:absolute;right:10px;top:10px;z-index:8;display:flex;flex-direction:column;gap:5px}.map-zoom button{width:34px;height:34px;border:1px solid #396173;background:rgba(4,24,33,.88);color:#dcecf1;border-radius:8px;font-size:12px}.map-bottom-bar{position:absolute;z-index:8;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:8px;background:rgba(3,20,29,.9);backdrop-filter:blur(10px);border:1px solid #244d60;border-radius:10px}.map-bottom-bar button{border:0;background:#0b2a38;color:#89a7b2;padding:7px 10px;border-radius:7px;font-size:7px}.map-bottom-bar button.active{background:#0b7990;color:white}.map-bottom-bar span{display:flex;align-items:center;gap:5px;color:#91aab4;font-size:7px;margin-left:auto}.map-bottom-bar span+span{margin-left:4px}.switch{width:26px;height:13px;border-radius:8px;background:#1a3b49;display:inline-flex;align-items:center;padding:2px}.switch:before{content:"";width:9px;height:9px;border-radius:50%;background:#8ba5af}.switch.on{justify-content:flex-end;background:#0a8397}.switch.on:before{background:#55e5fb}.map-bottom-bar select{width:auto;min-width:92px;padding:6px 20px 6px 8px;font-size:7px;background:#0b2836}.map-popover{position:absolute;z-index:7;left:52%;top:18%;width:155px;border:1px solid #315a6c;background:rgba(5,25,35,.93);border-radius:10px;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.34);display:flex;flex-direction:column}.map-popover small{font-size:6px;color:#6d93a2;letter-spacing:1px}.map-popover b{font-size:12px;margin:4px 0}.map-popover span{font-size:7px;color:#96aeb8}.map-popover em{font-size:7px;color:#45e3a0;font-style:normal;margin-top:6px}.map-right-col{display:flex;flex-direction:column;gap:10px;min-width:0}.camera-card{padding:0;overflow:hidden}.camera-card .panel-head,.pole-card .panel-head,.map-events .panel-head{padding:11px 12px}.camera-frame{height:178px;position:relative;overflow:hidden;background:#06141c}.camera-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06)}.camera-time,.camera-rec{position:absolute;bottom:7px;font-size:7px;background:rgba(0,0,0,.6);padding:4px 6px;border-radius:5px}.camera-time{left:7px}.camera-rec{right:7px;color:#ff6b75}.camera-crosshair{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.25);border-radius:50%}.camera-crosshair:before,.camera-crosshair:after{content:"";position:absolute;background:rgba(255,255,255,.25)}.camera-crosshair:before{width:56px;height:1px;left:-8px;top:19px}.camera-crosshair:after{height:56px;width:1px;left:19px;top:-8px}.camera-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(52,108,129,.2)}.camera-actions button{border:0;background:#071b27;color:#7c9aa5;font-size:7px;padding:9px}.camera-actions button:hover{background:#0b2938;color:#64e2f7}.pole-card{overflow:hidden}.pole-card-body{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:0 12px 12px}.pole-card-body img{width:118px;height:175px;object-fit:cover;border-radius:9px;border:1px solid #2b5163}.pole-specs{display:flex;flex-direction:column;gap:7px}.pole-specs label{display:flex;justify-content:space-between;gap:8px;color:#6f8f9b;font-size:7px;padding-bottom:5px;border-bottom:1px solid rgba(51,107,128,.16)}.pole-specs b{color:#c8dce3;font-size:7px}.map-events{overflow:hidden;flex:1}.map-events #mapEventList{padding:0 10px 9px}.map-bottom-widgets{display:grid;grid-template-columns:1fr 1.05fr 1fr 1.25fr;gap:10px;margin-top:10px}.map-priority{padding:0 12px 12px}.map-priority>div{display:grid;grid-template-columns:85px 1fr auto;align-items:center;padding:7px 0;border-bottom:1px solid rgba(54,111,132,.16)}.map-priority b{font-size:8px}.map-priority span{font-size:7px;color:#7795a1}.map-priority em{font-size:7px;color:#ffb13b;font-style:normal}.map-ai .ai-orb{width:50px;height:50px}.map-sensors{min-width:0}.mini-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 10px 10px}.mini-signal-grid>div{background:#071a25;border:1px solid rgba(52,108,129,.22);border-radius:9px;padding:8px;min-width:0}.mini-signal-grid small{font-size:6px;color:#74919d}.mini-signal-grid b{display:block;font-size:11px;margin:5px 0}.tiny-spark{width:100%;height:34px}.system-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;border:1px solid #23495a;border-radius:12px;background:#061925;overflow:hidden}.system-ribbon>div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;padding:10px 12px;border-right:1px solid rgba(54,111,132,.22)}.system-ribbon>div:last-child{border-right:0}.ribbon-icon{grid-row:1/3;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#0b2c3b;color:#69e3f8}.ribbon-icon.amber{color:#ffb13b}.ribbon-icon.green{color:#43e399}.system-ribbon b{font-size:8px}.system-ribbon small{font-size:6px;color:#7794a0;margin-top:2px}.layer-lines-off .geo-lines{display:none}.layer-devices-off .geo-marker{display:none}.layer-alarms-off .risk-cluster,.layer-alarms-off .alarm-rings{display:none}.layer-weather-off .weather-patch{display:none}.layer-cameras-off .camera-card{opacity:.35}.brochure-head{margin-bottom:12px}.brochure-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(54,111,132,.24);background:#071b27;border-radius:12px}.brochure-toolbar .library-tabs{border:0;padding:0}.brochure-count{display:flex;flex-direction:column;text-align:right}.brochure-count span{font-size:9px;font-weight:700}.brochure-count small{font-size:7px;color:#6f8e9a}.brochure-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brochure-visual-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(58,117,139,.32);background:#071a25;border-radius:15px;overflow:hidden;padding:0;text-align:left;cursor:pointer;transition:.22s;box-shadow:0 10px 30px rgba(0,0,0,.08)}.brochure-visual-card:hover{transform:translateY(-3px);border-color:#2dd7f5;box-shadow:0 14px 34px rgba(0,0,0,.24)}.visual-thumb{height:270px;position:relative;overflow:hidden;background:#020d14}.visual-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.brochure-visual-card:hover img{transform:scale(1.018)}.visual-overlay{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:8px;background:rgba(2,19,28,.84);backdrop-filter:blur(6px);border:1px solid #2d6175;color:#71e7fa;font-size:7px;opacity:0;transform:translateY(4px);transition:.2s}.brochure-visual-card:hover .visual-overlay{opacity:1;transform:none}.visual-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px}.visual-caption>span{display:flex;flex-direction:column;min-width:0}.visual-caption b{font-size:11px;color:#e4eef2}.visual-caption small{font-size:7px;color:#7794a0;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-caption em{font-size:7px;color:#63e2f7;border:1px solid #29576a;border-radius:9px;padding:5px 7px;font-style:normal;white-space:nowrap}.gallery-lightbox{width:min(1500px,97vw);height:min(920px,94vh);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;background:#04131d}.gallery-stage{min-height:0;display:grid;place-items:center;padding:20px 70px 10px;overflow:hidden}.gallery-stage img{width:100%;height:100%;max-height:none;object-fit:contain;background:transparent}.gallery-nav{position:absolute;top:46%;z-index:5;width:48px;height:60px;border-radius:14px;border:1px solid #2e6074;background:rgba(4,25,35,.86);color:white;font-size:34px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}.gallery-nav:hover{border-color:#2dd8f7;color:#63e6fb}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.modal-counter{font-size:9px;color:#7fe7f8;border:1px solid #2b5567;border-radius:9px;padding:7px 10px}.gallery-lightbox .modal-foot{border-top:1px solid rgba(55,111,132,.22);background:#061924}.gallery-lightbox .modal-foot>div:first-child{min-width:260px}
.device-card:nth-child(3n+1) .device-visual{background-image:linear-gradient(rgba(4,19,28,.35),rgba(4,19,28,.75)),url('pole-basic.jpg');background-size:cover;background-position:center}.device-card:nth-child(3n+2) .device-visual,.device-card:nth-child(3n+3) .device-visual{background-image:linear-gradient(rgba(4,19,28,.35),rgba(4,19,28,.72)),url('pole-pro.jpg');background-size:cover;background-position:center}.device-visual .device-box{backdrop-filter:blur(4px)}
@media(max-width:1450px){.map-dashboard{grid-template-columns:200px minmax(0,1fr) 300px}.map-bottom-widgets{grid-template-columns:1fr 1fr}.brochure-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.map-dashboard{grid-template-columns:1fr}.map-layers{max-height:none}.map-stage{min-height:520px}.map-right-col{display:grid;grid-template-columns:1fr 1fr}.map-events{grid-column:1/3}.brochure-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.map-right-col{grid-template-columns:1fr}.map-events{grid-column:auto}.map-bottom-widgets,.system-ribbon{grid-template-columns:1fr}.brochure-gallery{grid-template-columns:1fr}.visual-thumb{height:220px}.gallery-stage{padding:54px 10px 10px}.gallery-nav{top:auto;bottom:70px;width:40px;height:45px}.gallery-nav.prev{left:15px}.gallery-nav.next{right:15px}}