:root{--bg-0: #070b14;--bg-1: #0e1524;--bg-2: #131e36;--card-0: rgba(14, 22, 40, 0.78);--card-1: rgba(12, 19, 33, 0.95);--line-soft: rgba(124, 173, 255, 0.22);--line-strong: rgba(89, 149, 255, 0.42);--text-main: #eef6ff;--text-muted: #9fb4d2;--text-dim: #7f96b6;--neon-cyan: #33ffe3;--neon-blue: #4aa8ff;--neon-orange: #ff9867;--neon-red: #ff6a78;--neon-green: #59ffbd;--shadow-lg: 0 24px 60px rgba(2, 8, 20, 0.68);--sidebar-width-open: 220px;--sidebar-width-collapsed: 84px}*{box-sizing:border-box}body{margin:0;color:var(--text-main);background:radial-gradient(circle at 18% 20%, rgba(66, 157, 255, 0.22) 0%, rgba(66, 157, 255, 0) 36%),radial-gradient(circle at 85% 12%, rgba(19, 233, 255, 0.14) 0%, rgba(19, 233, 255, 0) 40%),linear-gradient(155deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2));font-family:"Space Grotesk",sans-serif}.internal-topbar{min-height:64px;border-bottom:1px solid rgba(102,150,230,.18);background:linear-gradient(180deg, rgba(11, 18, 33, 0.93), rgba(9, 14, 25, 0.84));backdrop-filter:blur(9px)}.topbar-title{color:var(--text-dim);font-family:"Orbitron",sans-serif;font-size:12px;letter-spacing:.14em}div.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-open);z-index:1000;overflow:hidden;border-right:1px solid rgba(86,134,214,.26);background:linear-gradient(180deg, rgba(10, 17, 32, 0.95), rgba(8, 12, 24, 0.95)),radial-gradient(circle at 35% 12%, rgba(39, 145, 255, 0.16), transparent 45%);box-shadow:10px 0 38px rgba(3,8,18,.45);transform:translateX(-100%);transition:transform .34s ease,width .34s ease}div.sidebar *{transition:all .28s ease}div.sidebar .brand img{width:52px;filter:drop-shadow(0 0 8px rgba(58, 170, 255, 0.5))}div.sidebar .sidebar-btn{width:16px;height:50px;right:-16px;top:46%;position:fixed;color:rgba(229,241,255,.88);padding-top:11px;display:none;border:0;border-top-right-radius:16px;border-bottom-right-radius:16px;background:linear-gradient(180deg, rgba(28, 52, 87, 0.95), rgba(14, 23, 41, 0.95))}div.sidebar:not(.collapsed){transform:translateX(0)}div.sidebar:not(.collapsed) .sidebar-btn{display:block}div.sidebar .sidebar-item{margin-top:10px;padding:10px 1.75rem;border-radius:12px;font-size:19px;border:1px solid rgba(0,0,0,0)}div.sidebar .sidebar-item a{text-decoration:none;color:#d9e8ff}div.sidebar .sidebar-item i{margin-right:7px;color:#8db9ff}div.sidebar .sidebar-item span{font-size:16px;letter-spacing:.03em}div.sidebar .sidebar-item:hover{border-color:rgba(116,169,255,.4);background:linear-gradient(150deg, rgba(29, 56, 97, 0.56), rgba(16, 28, 49, 0.72))}div.sidebar .sidebar-item:hover a,div.sidebar .sidebar-item:hover i{color:#f4fbff}div.sidebar .sidebar-item.selected{border-color:rgba(67,216,255,.46);background:linear-gradient(150deg, rgba(22, 64, 104, 0.68), rgba(18, 29, 55, 0.74));box-shadow:0 0 16px rgba(58,182,255,.24)}div.sidebar .sidebar-item.selected a,div.sidebar .sidebar-item.selected i{color:#eff9ff}div.sidebar.collapsed{transform:translateX(-100%)}div.sidebar.collapsed .sidebar-row{padding:0}div.sidebar.collapsed .sidebar-item{padding:10px 0 10px 8px;text-align:center;width:100%}div.sidebar.collapsed .sidebar-item span{font-size:0}div.sidebar.collapsed .sidebar-item i{margin:0}main{margin-left:0;transition:margin-left .34s ease}.dashboard-shell{position:relative;min-height:calc(100vh - 64px);padding:24px;isolation:isolate}.dashboard-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient-orb{position:absolute;border-radius:999px;filter:blur(26px)}.ambient-orb-a{width:320px;height:320px;top:-90px;right:4%;background:radial-gradient(circle, rgba(77, 183, 255, 0.36), rgba(77, 183, 255, 0))}.ambient-orb-b{width:260px;height:260px;bottom:4%;left:2%;background:radial-gradient(circle, rgba(77, 255, 232, 0.24), rgba(77, 255, 232, 0))}.ambient-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(111, 153, 226, 0.11) 1px, transparent 1px),linear-gradient(90deg, rgba(111, 153, 226, 0.11) 1px, transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center, black 24%, transparent 86%)}.hero-panel{position:relative;border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:20px;overflow:hidden;border:1px solid var(--line-soft);background:linear-gradient(130deg, rgba(13, 24, 42, 0.92), rgba(8, 14, 24, 0.92)),radial-gradient(circle at 20% 0%, rgba(74, 175, 255, 0.26), transparent 42%);box-shadow:var(--shadow-lg)}.hero-copy{max-width:760px}.eyebrow{margin:0;color:#83c0ff;font-family:"Orbitron",sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:11px}.hero-title{margin:10px 0 0;font-size:clamp(30px,3vw,44px);line-height:1.06;font-family:"Orbitron",sans-serif}.hero-subtitle{margin-top:12px;max-width:720px;color:var(--text-muted)}.hero-pills{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.hero-pill{padding:6px 12px;border-radius:999px;font-size:12px;color:#d8eaff;border:1px solid rgba(93,147,239,.4);background:linear-gradient(150deg, rgba(21, 41, 74, 0.72), rgba(14, 26, 46, 0.72))}.hero-pill i{color:#63d3ff;margin-right:6px}.hero-mechanics{position:relative;width:250px;min-height:152px}.pulse-ring{position:absolute;border-radius:999px;border:1px solid rgba(93,204,255,.36)}.pulse-ring-a{width:140px;height:140px;right:10px;top:2px}.pulse-ring-b{width:108px;height:108px;right:26px;top:20px}.gear{position:absolute;color:rgba(159,222,255,.95);text-shadow:0 0 16px rgba(67,198,255,.46)}.gear-large{right:22px;top:10px;font-size:64px}.gear-medium{left:22px;top:54px;font-size:42px}.gear-small{right:86px;bottom:10px;font-size:32px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));gap:12px}.kpi-card{padding:14px;border-radius:14px;border:1px solid rgba(95,137,211,.28);background:linear-gradient(170deg, rgba(13, 24, 41, 0.88), rgba(10, 17, 30, 0.88));box-shadow:0 8px 24px rgba(2,8,20,.46)}.kpi-label{margin:0;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.kpi-card h2{margin:4px 0 0;font-size:30px;line-height:1;font-family:"Orbitron",sans-serif}.status-rail{display:grid;grid-template-columns:repeat(4, minmax(110px, 1fr));gap:10px}.status-chip{border-radius:12px;border:1px solid rgba(103,142,216,.26);background:linear-gradient(165deg, rgba(12, 22, 40, 0.78), rgba(8, 14, 24, 0.9));padding:10px 12px;display:flex;align-items:baseline;justify-content:space-between}.status-chip strong{font-size:24px;font-family:"Orbitron",sans-serif}.chip-label{color:var(--text-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase}[data-status-chip=healthy]{border-color:rgba(84,255,177,.36)}[data-status-chip=warning]{border-color:rgba(255,182,95,.38)}[data-status-chip=critical]{border-color:rgba(255,116,140,.44)}[data-status-chip=offline]{border-color:rgba(146,162,188,.32)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:14px}.fleet-panel,.trend-panel,.alerts-panel{border-radius:18px;border:1px solid rgba(104,151,230,.26);padding:14px;background:linear-gradient(165deg, rgba(12, 22, 40, 0.86), rgba(7, 14, 24, 0.94));box-shadow:0 14px 38px rgba(2,8,20,.5)}.fleet-panel .panel-header,.trend-panel .panel-header,.alerts-panel .panel-header{margin-top:0;padding-top:0}.fleet-panel{grid-column:1/2;align-content:start}.trend-panel{grid-column:2/3;min-height:360px}.alerts-panel{grid-column:1/3}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-header h3{margin:0;font-size:20px;font-family:"Orbitron",sans-serif;letter-spacing:.03em;line-height:1.1}.trend-select{background-color:rgba(11,26,46,.9);color:#e9f4ff;border-color:rgba(80,133,225,.52);max-width:250px}.trend-canvas-wrap{position:relative;min-height:260px}#sensorTrendChart{position:absolute;inset:0}.machine-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:12px;align-content:start;min-height:0}.machine-card{--glow-active: 0;--glow-start: 0;--glow-spread: 34deg;border-radius:14px;border:1px solid rgba(103,147,219,.32);background:linear-gradient(160deg, rgba(13, 24, 40, 0.96), rgba(10, 17, 30, 0.96));padding:12px;box-shadow:inset 0 1px 0 rgba(145,189,255,.1);position:relative;overflow:hidden}.machine-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from calc(var(--glow-start) * 1deg), transparent, rgba(49, 232, 255, 0.94), rgba(135, 105, 255, 0.84), rgba(255, 135, 105, 0.88), transparent calc(var(--glow-spread) * 1));opacity:var(--glow-active);transition:opacity .28s ease;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}.machine-card>*{position:relative;z-index:1}.machine-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-top:4px}.machine-card h4{margin:0;font-size:17px}.machine-card:hover{border-color:rgba(113,178,255,.52);transform:translateY(-2px)}.machine-subtitle{margin:6px 0 0;color:var(--text-dim);font-size:13px}.machine-metrics{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin:12px 0}.machine-metrics span{display:block;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.machine-metrics strong{display:block;margin-top:3px;color:#f4faff}.machine-card footer{display:flex;gap:8px}.status-pill{border-radius:999px;padding:5px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;line-height:1;margin-top:6px;align-self:flex-start}.status-healthy .status-pill{background:rgba(74,234,159,.2);color:var(--neon-green)}.status-warning .status-pill{background:rgba(255,190,83,.2);color:#ffc174}.status-critical .status-pill{background:rgba(255,99,130,.22);color:#ff89a3}.status-offline .status-pill{background:rgba(138,151,177,.25);color:#c4cfde}.alerts-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:10px}.alert-item{--glow-active: 0;--glow-start: 0;--glow-spread: 42deg;border-radius:12px;border:1px solid rgba(103,143,215,.3);background:linear-gradient(165deg, rgba(12, 21, 36, 0.95), rgba(9, 14, 24, 0.95));padding:12px;position:relative;overflow:hidden}.alert-item::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from calc(var(--glow-start) * 1deg), transparent, rgba(63, 179, 255, 0.95), rgba(72, 255, 218, 0.84), rgba(255, 166, 88, 0.88), transparent calc(var(--glow-spread) * 1));opacity:var(--glow-active);transition:opacity .28s ease;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.alert-item>*{position:relative;z-index:1}.alert-title{margin:0;font-weight:700}.alert-meta{margin:4px 0;font-size:12px;color:#9db2cf}.alert-description{margin:8px 0;color:#d4dff0}.alert-actions{display:flex;gap:8px}.severity-critical{border-color:rgba(255,101,129,.58)}.severity-high{border-color:rgba(255,177,95,.5)}.machine-drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,100vw);z-index:1200;padding:20px;transform:translateX(110%);border-left:1px solid rgba(99,154,243,.42);background:linear-gradient(170deg, rgba(10, 17, 29, 0.98), rgba(6, 10, 19, 0.99));box-shadow:-14px 0 36px rgba(2,8,18,.56)}.machine-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:8px;right:10px;border:0;background:rgba(0,0,0,0);color:#d5e6ff;font-size:24px}.drawer-subtitle{color:var(--text-dim);margin-bottom:16px}.drawer-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.drawer-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.drawer-grid strong{font-size:18px}.empty-state{color:#9eb2cf}.btn{border-radius:10px}.btn-outline-light{border-color:rgba(122,166,236,.54);color:#d5e8ff}.btn-outline-light:hover,.btn-outline-light:focus{color:#051123;border-color:#87c8ff;background-color:#87c8ff}.btn-warning{background:linear-gradient(130deg, #fdb25e, #ff945e);border-color:rgba(0,0,0,0);color:#2d1402}.btn-outline-success{border-color:rgba(96,235,171,.66);color:#76ffcb}.btn-outline-success:hover,.btn-outline-success:focus{color:#02150f;background-color:#76ffcb}.form-select:focus,.btn:focus,.btn:active{box-shadow:0 0 0 .18rem rgba(84,178,255,.32)}@media(min-width: 575.98px)and (max-width: 767px){div.sidebar{transform:translateX(0);width:var(--sidebar-width-collapsed)}div.sidebar .sidebar-btn,div.sidebar:not(.collapsed) .sidebar-btn{display:none !important}div.sidebar.collapsed{display:block}div.sidebar .sidebar-item{padding:10px 0;text-align:center;width:100%;font-size:20px}div.sidebar .sidebar-item span{display:none}div.sidebar .sidebar-item i{margin:0}main{margin-left:var(--sidebar-width-collapsed) !important}}@media(min-width: 767.98px){div.sidebar{transform:translateX(0);width:var(--sidebar-width-open)}div.sidebar.collapsed{transform:translateX(0);width:var(--sidebar-width-collapsed);display:block}div.sidebar.collapsed .sidebar-btn{display:block}div.sidebar:not(.collapsed)+main{margin-left:var(--sidebar-width-open)}div.sidebar.collapsed+main{margin-left:var(--sidebar-width-collapsed)}}@media(max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.fleet-panel,.trend-panel,.alerts-panel{grid-column:auto}.hero-panel{flex-direction:column}.status-rail{grid-template-columns:repeat(2, minmax(120px, 1fr))}}@media(max-width: 540px){.dashboard-shell{padding:14px}.hero-panel,.fleet-panel,.trend-panel,.alerts-panel{border-radius:14px}.hero-title{font-size:30px}.machine-grid{grid-template-columns:1fr}.machine-card footer,.alert-actions{flex-direction:column}.status-rail{grid-template-columns:1fr}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}