:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#08111f;--navy-900:#0b1729;--navy-800:#13233a;--blue:#3274f5;--blue-soft:#eaf1ff;--green:#22a06b;--green-soft:#e7f7f0;--orange:#f47b45;--orange-soft:#fff0e8;--red:#dc4b4b;--red-soft:#fff0f0;--purple:#7957d5;--purple-soft:#f1edff;--border:#e4e8ef;--muted:#737d90;--panel:#fff;--shadow:0 10px 35px #14223b0f;background:#f4f6f9;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f7f9fc;background:radial-gradient(circle at 15% 5%, #3274f52e, transparent 32%), var(--navy-950);flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0;overflow:hidden}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#4b8cff,#2756d8);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 25px #3274f559}.brand-mark svg{width:22px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.02em;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:17px}.brand span{color:#8490a4;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px}.sidebar-section{min-height:0;margin-top:26px}.sidebar-section__heading{color:#79869b;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 9px 10px;font-size:11px;font-weight:700;display:flex}.count-badge{color:#aeb8c9;background:#ffffff14;border-radius:7px;place-items:center;min-width:22px;height:22px;padding:0 6px;display:grid}.device-nav{gap:6px;display:grid}.device-nav__item{color:#afbacb;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:11px 10px;transition:all .16s;display:grid}.device-nav__item:hover{color:#fff;background:#ffffff0e}.device-nav__item.is-active{color:#fff;background:linear-gradient(110deg,#3274f53d,#3274f514);border-color:#5f95ff33}.device-nav__icon{color:#91a0b6;background:#fff1;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.is-active .device-nav__icon{color:#84adff;background:#3274f52e}.device-nav__copy{min-width:0}.device-nav__copy strong,.device-nav__copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.device-nav__copy strong{font-size:13px;font-weight:600}.device-nav__copy small{color:#718096;letter-spacing:.04em;margin-top:3px;font-size:10px}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot--online{background:#31d391;box-shadow:0 0 0 4px #31d3911c}.status-dot--offline{background:#8b96a8;box-shadow:0 0 0 4px #8b96a817}.device-nav__chevron{color:#536178}.sidebar-foot{border-top:1px solid #ffffff14;gap:11px;margin-top:auto;padding:18px 9px 2px;display:grid}.stream-state{color:#8d99ac;align-items:center;gap:8px;font-size:12px;display:flex}.stream-state--live{color:#51dba5}.stream-state--reconnecting{color:#ffb279}.sidebar-foot small{color:#525f74;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.main-content{min-width:0;padding:27px 34px 46px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.eyebrow{color:#8992a2;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}h1,h2,p{margin:0}h1,h2{color:#152038;letter-spacing:-.035em;font-family:Inter,Segoe UI,Arial,sans-serif}h1{font-size:clamp(25px,3vw,34px)}h2{font-size:17px}.topbar__actions{align-items:center;gap:15px;display:flex}.system-time{color:#8a93a3;text-align:right;align-items:center;gap:9px;font-size:10px;display:flex}.system-time span,.system-time strong{display:block}.system-time strong{color:#344158;margin-top:2px;font-size:12px}.refresh-button{color:#40506a;background:#fff;border:1px solid #dce2ec;border-radius:10px;align-items:center;gap:8px;min-height:41px;padding:0 15px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #14223b0a}.refresh-button:hover{color:#245ac8;border-color:#c7d0de}.refresh-button:disabled{cursor:wait;opacity:.7}.is-spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:#8d342d;background:#fff0ee;border:1px solid #f0c3bf;border-radius:11px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;display:flex}.error-banner span{flex:1}.error-banner button{color:#8d342d;background:0 0;border:0;font-weight:700}.overview-row{background:linear-gradient(90deg,#3274f50a,#0000 40%),#fff;border:1px solid #dfe5ef;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:17px;padding:18px 20px;display:flex}.overview-lead{align-items:center;gap:18px;display:flex}.overview-lead strong{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;display:block}.uptime-pill{color:#247453;background:var(--green-soft);border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.pulse{background:#2cb67d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #2cb67d1c}.overview-path{color:#778196;align-items:center;font-size:10px;font-weight:600;display:flex}.overview-path span{white-space:nowrap;align-items:center;gap:5px;display:flex}.overview-path i{background:#d9e0ea;width:28px;height:1px;margin:0 7px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--border);background:var(--panel);border-radius:13px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex;box-shadow:0 5px 18px #14223b09}.metric-card__icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.metric-card--green .metric-card__icon{color:var(--green);background:var(--green-soft)}.metric-card--orange .metric-card__icon{color:var(--orange);background:var(--orange-soft)}.metric-card--purple .metric-card__icon{color:var(--purple);background:var(--purple-soft)}.metric-card--blue .metric-card__icon{color:var(--blue);background:var(--blue-soft)}.metric-card--red .metric-card__icon{color:var(--red);background:var(--red-soft)}.metric-card p,.metric-card span,.metric-card strong{display:block}.metric-card p{color:#7b8495;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:10px;font-weight:600;overflow:hidden}.metric-card strong{color:#18243b;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:21px}.metric-card span{color:#98a0ae;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.workspace-grid{grid-template-columns:minmax(0,1.8fr) minmax(290px,.7fr);align-items:start;gap:14px;margin-bottom:14px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:14px}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.chart-legend{color:#777f90;align-items:center;gap:13px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:4px;width:16px;height:3px}.legend-temperature{background:var(--orange)}.legend-vibration{background:var(--purple)}.chart-wrap{height:310px;padding:17px 18px 8px}.chart-tooltip{background:#fffffff5;border:1px solid #dfe5ed;border-radius:9px;gap:4px;padding:10px 12px;font-size:10px;display:grid;box-shadow:0 10px 25px #14223b1c}.chart-tooltip span{color:#8a93a2}.chart-tooltip strong{font-weight:700}.empty-state{color:#9ba4b2;text-align:center;align-content:center;place-items:center;height:100%;display:grid}.empty-state strong{color:#596579;margin-top:9px}.empty-state span{margin-top:4px;font-size:11px}.empty-state--compact{min-height:150px}.device-detail{overflow:hidden}.device-identity{grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:20px;display:grid}.device-identity__icon{width:50px;height:50px;color:var(--blue);background:var(--blue-soft);border-radius:13px;place-items:center;display:grid}.device-identity strong,.device-identity span{display:block}.device-identity strong{color:#233049;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.device-identity div>span{color:#8d96a6;margin-top:4px;font-size:10px}.status-chip{text-transform:uppercase;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700}.status-chip--online{color:#227654;background:var(--green-soft)}.status-chip--offline{color:#6f7989;background:#edf0f4}.detail-list{margin:0;padding:0 20px;display:grid}.detail-list>div{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.detail-list dt{color:#8992a2;align-items:center;gap:7px;font-size:10px;display:flex}.detail-list dd{color:#3a475e;text-align:right;margin:0;font-size:11px;font-weight:600}.last-reading{background:#f5f8ff;border:1px solid #dce7fc;border-radius:11px;margin:17px 20px 20px;padding:14px;display:grid}.last-reading span,.last-reading small{color:#7b88a0;font-size:9px}.last-reading strong{color:#2756aa;margin:3px 0;font-size:13px}.risk-card{background:#f8fafc;border:1px solid #dfe6ef;border-radius:12px;grid-template-columns:74px minmax(0,1fr);gap:13px;margin:5px 20px 0;padding:13px;display:grid}.risk-card--high,.risk-card--critical{background:#fff7f6;border-color:#f1c3c3}.risk-card__score{color:#5d6b82;background:#fff;border-radius:10px;align-content:center;place-items:center;min-height:70px;display:grid;box-shadow:inset 0 0 0 1px #1e2e4812}.risk-card__score span,.risk-card__score small{letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:700}.risk-card__score strong{color:#283750;font-size:24px;line-height:1}.risk-card--high .risk-card__score strong,.risk-card--critical .risk-card__score strong{color:#c73c3c}.risk-card__copy{min-width:0}.risk-card__copy p{color:#46546b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 5px;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.risk-card__copy small{color:#929baa;font-size:9px}.severity-badge{color:#536177;letter-spacing:.04em;background:#edf0f4;border-radius:6px;align-items:center;width:fit-content;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.severity-badge--medium{color:#8b620a;background:#fff5d8}.severity-badge--high{color:#a84a19;background:#ffeadf}.severity-badge--critical{color:#ae3030;background:#ffe2e2}.severity-badge--normal{color:#21724f;background:var(--green-soft)}.simulation-control{border-top:1px solid #edf0f4;margin:0 20px 20px;padding-top:16px}.simulation-control__heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.simulation-control__heading strong{color:#344158;font-size:11px}.simulation-current{color:#315eae;background:var(--blue-soft);border-radius:6px;padding:5px 7px;font-size:8px;font-weight:800}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.scenario-button{color:#748095;text-align:left;background:#fff;border:1px solid #e2e7ee;border-radius:9px;align-items:center;gap:7px;min-width:0;padding:9px;transition:all .15s;display:flex}.scenario-button:hover:not(:disabled){color:#2d64c8;border-color:#b9cbed;transform:translateY(-1px)}.scenario-button.is-active{color:#2e63c4;background:#f2f6ff;border-color:#b7cdf9}.scenario-button:disabled{cursor:default;opacity:.72}.scenario-button span,.scenario-button strong,.scenario-button small{min-width:0;display:block}.scenario-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.scenario-button small{color:#9aa2b0;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:7px;overflow:hidden}.alert-center{margin-bottom:14px;overflow:hidden}.alert-center__header{align-items:flex-start}.alert-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.alert-filters select{color:#5b677c;background:#fff;border:1px solid #dfe4ec;border-radius:8px;min-height:34px;padding:0 27px 0 10px;font-size:9px}.alert-filters select:focus-visible{outline-offset:1px;outline:2px solid #3274f540}.alert-list{display:grid}.alert-item{border-bottom:1px solid #edf0f4;grid-template-columns:38px minmax(0,1fr) 62px 108px;align-items:start;gap:13px;padding:17px 20px;display:grid;position:relative}.alert-item:last-child{border-bottom:0}.alert-item:before{content:"";background:#d6dce5;border-radius:0 4px 4px 0;width:3px;position:absolute;top:17px;bottom:17px;left:0}.alert-item--high:before{background:var(--orange)}.alert-item--critical:before{background:var(--red)}.alert-item--medium:before{background:#d99a20}.alert-item__icon{color:#66738a;background:#f0f3f7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.alert-item--high .alert-item__icon{color:var(--orange);background:var(--orange-soft)}.alert-item--critical .alert-item__icon{color:var(--red);background:var(--red-soft)}.alert-item__main{min-width:0}.alert-item__title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.alert-item__title>strong{color:#2c3950;font-size:12px}.alert-status{color:#5c697d;background:#edf0f4;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:700}.alert-status--open{color:#a33f3f;background:#ffe8e8}.alert-status--acknowledged{color:#8b620a;background:#fff4d4}.alert-status--resolved{color:#21724f;background:var(--green-soft)}.alert-item__main>p{color:#566278;margin-top:7px;font-size:10px;line-height:1.45}.alert-meta{color:#929aaa;flex-wrap:wrap;align-items:center;gap:11px;margin-top:8px;font-size:8px;display:flex}.alert-meta span{align-items:center;gap:4px;display:flex}.alert-meta strong{color:#657187}.alert-recommendation{color:#6a5c42;background:#fff9ea;border-radius:7px;align-items:flex-start;gap:6px;margin-top:9px;padding:7px 9px;font-size:9px;line-height:1.4;display:flex}.alert-recommendation svg{flex:none}.alert-score{border-left:1px solid #edf0f4;border-right:1px solid #edf0f4;align-content:center;place-items:center;min-height:60px;display:grid}.alert-score span,.alert-score small{color:#9aa2b0;text-transform:uppercase;font-size:8px}.alert-score strong{color:#354159;font-size:22px;line-height:1}.alert-item--high .alert-score strong{color:#c75c28}.alert-item--critical .alert-score strong{color:#c43e3e}.alert-actions{gap:6px;display:grid}.alert-actions button{color:#526179;background:#fff;border:1px solid #d9e1ec;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.alert-actions button:hover:not(:disabled){color:#285fc3;border-color:#bbcced}.alert-actions button:disabled{cursor:wait;opacity:.55}.alert-actions .alert-action--resolve{color:#267352;background:#f1fbf7;border-color:#c8e8da}.alert-empty{color:#8c97a8;text-align:center;place-items:center;padding:40px 20px;display:grid}.alert-empty svg{color:var(--green)}.alert-empty strong{color:#536075;margin-top:8px;font-size:12px}.alert-empty span{margin-top:4px;font-size:9px}.recent-panel{overflow:hidden}.table-note{color:#929aaa;font-size:9px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:12px 20px}th{color:#8b94a4;letter-spacing:.04em;text-transform:uppercase;background:#fafbfc;font-size:9px;font-weight:700}td{color:#576277}tbody tr:last-child td{border-bottom:0}td strong{color:#334057}.operating-chip{color:#247453;background:var(--green-soft);border-radius:7px;padding:5px 7px;font-size:9px;font-weight:700}.table-empty{color:#929aaa;text-align:center;padding:28px}.loading-screen{color:#778196;background:#f4f6f9;align-content:center;place-items:center;gap:18px;min-height:100vh;display:grid}.brand-mark--large{border-radius:16px;width:56px;height:56px}.loading-screen p{font-size:13px}@media (width<=1120px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}.overview-path{display:none}.alert-item{grid-template-columns:38px minmax(0,1fr) 58px}.alert-actions{grid-column:2/-1;justify-content:flex-end;display:flex}}@media (width<=800px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:15px;position:static}.brand{padding-bottom:15px}.sidebar-section{margin-top:15px}.device-nav{padding-bottom:4px;display:flex;overflow-x:auto}.device-nav__item{min-width:230px}.sidebar-foot{display:none}.main-content{padding:22px 16px 38px}.alert-center__header{align-items:stretch}.alert-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topbar,.overview-row{align-items:flex-start}.system-time{display:none}}@media (width<=560px){.metrics-grid{grid-template-columns:1fr}.topbar{gap:10px}.refresh-button{justify-content:center;width:41px;padding:0;font-size:0}.overview-row{padding:15px}.overview-lead{flex-direction:column;align-items:flex-start;gap:10px}.panel-header{flex-direction:column;align-items:flex-start}.chart-wrap{height:270px;padding-left:7px}.table-note{display:none}.alert-filters{grid-template-columns:1fr;width:100%}.alert-item{grid-template-columns:34px minmax(0,1fr);padding:15px}.alert-item__icon{width:34px;height:34px}.alert-score{border:0;grid-area:2/1;min-height:50px}.alert-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.product-nav{border-bottom:1px solid #ffffff14;gap:4px;margin:20px 0 0;padding:0 3px 18px;display:grid}.product-nav button{color:#8491a5;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:0 11px;display:grid}.product-nav button:hover,.product-nav button.is-active{color:#f6f9ff;background:#fff1}.product-nav button.is-active{color:#8eb5ff;background:linear-gradient(100deg,#3274f533,#3274f50f)}.product-nav button span{font-size:11px;font-weight:650}.product-nav button i{color:#dce8ff;background:#2d66ce;border-radius:7px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-style:normal;display:grid}.signed-user{grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.signed-user>span{color:#82aaff;background:#3274f529;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.signed-user strong,.signed-user small{display:block}.signed-user strong{color:#d8deea;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.signed-user small{color:#68768b;margin-top:2px;font-size:8px}.signed-user button{color:#79869a;background:#ffffff0d;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.signed-user button:hover{color:#ff9c9c}.primary-button,.secondary-button,.success-button,.danger-button{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(145deg,#3e7cf3,#2860cf);border:1px solid #2f69dc;box-shadow:0 6px 15px #3274f52e}.secondary-button{color:#4e5d75;background:#fff;border:1px solid #dce2eb}.success-button{color:#fff;background:#22a06b;border:1px solid #1c9864}.danger-button{color:#fff;background:#dc4b4b;border:1px solid #d54747}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.success-button:hover:not(:disabled),.danger-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.success-button:disabled,.danger-button:disabled{cursor:wait;opacity:.6}.text-danger-button{color:#bd5353;background:0 0;border:0;align-items:center;gap:5px;min-height:34px;margin-left:auto;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.simulation-permission{color:#969ead;margin-top:9px;font-size:8px;display:block}.login-shell{background:#f3f5f8;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 80% 20%,#397dff47,#0000 26%),radial-gradient(circle at 20% 85%,#2bc5901f,#0000 32%),linear-gradient(145deg,#07101e,#0b192c 55%,#10253e);flex-direction:column;min-height:100vh;padding:clamp(35px,6vw,78px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #7aa6ff21;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-160px;right:-160px;box-shadow:0 0 0 70px #447eeb09,0 0 0 140px #447eeb06}.login-brand{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:19px}.login-brand div>span{color:#7888a1;letter-spacing:.11em;text-transform:uppercase;margin-top:4px;font-size:9px}.login-story__copy{z-index:1;max-width:700px;margin:auto 0;position:relative}.login-kicker{color:#78a6ff;letter-spacing:.17em;font-size:10px;font-weight:800}.login-story h1{color:#fff;letter-spacing:-.055em;margin-top:20px;font-size:clamp(40px,5.5vw,72px);line-height:1.04}.login-story__copy p{color:#9aa9bd;max-width:590px;margin-top:25px;font-size:14px;line-height:1.75}.login-capabilities{z-index:1;color:#9dacbf;flex-wrap:wrap;gap:12px 25px;font-size:10px;display:flex;position:relative}.login-capabilities span{align-items:center;gap:8px;display:flex}.login-capabilities svg{color:#67a0ff}.login-panel{align-content:center;place-items:center;gap:18px;padding:45px;display:grid}.login-card{background:#fff;border:1px solid #e0e5ed;border-radius:20px;width:min(100%,430px);padding:34px;box-shadow:0 25px 65px #15233a17}.login-card__heading{align-items:center;gap:13px;margin-bottom:28px;display:flex}.login-card__icon{width:45px;height:45px;color:var(--blue);background:var(--blue-soft);border-radius:13px;place-items:center;display:grid}.login-card h2{font-size:21px}.form-field,.dialog-fields label,.inline-work-form label{color:#566278;gap:7px;margin-top:16px;font-size:10px;font-weight:700;display:grid}.input-with-icon{color:#8d97a6;background:#fafbfc;border:1px solid #dce2eb;border-radius:10px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.input-with-icon:focus-within{border-color:#83a8ef;box-shadow:0 0 0 3px #3274f51a}.input-with-icon input{color:#28354a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.login-error{color:#a23e3e;background:#fff3f3;border:1px solid #efc3c3;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:10px}.login-submit{width:100%;min-height:45px;margin-top:20px;font-size:11px}.demo-accounts{border-top:1px solid #edf0f4;margin-top:25px;padding-top:20px}.demo-accounts>span{color:#929baa;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.demo-accounts>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.demo-accounts button{text-align:left;background:#fff;border:1px solid #e2e6ed;border-radius:9px;min-width:0;padding:10px}.demo-accounts button.is-selected{background:#f3f7ff;border-color:#a9c2f4}.demo-accounts strong,.demo-accounts small{display:block}.demo-accounts strong{color:#46536a;font-size:9px}.demo-accounts small{color:#939cab;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.login-footnote{color:#929baa;font-size:9px}.operations-view{gap:14px;display:grid}.view-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.view-toolbar>div:last-child{gap:8px;display:flex}.view-toolbar select,.work-order-filters select,.assignee-control select{color:#536078;background:#fff;border:1px solid #dce2eb;border-radius:9px;min-height:36px;padding:0 30px 0 11px;font-size:10px}.operations-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.operations-summary article{border:1px solid var(--border);color:#637087;background:#fff;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;display:grid}.operations-summary article>svg{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:10px;padding:10px}.operations-summary article span{font-size:9px;font-weight:650}.operations-summary article strong{color:#27344b;font-size:22px}.operations-summary article.needs-attention{background:#fff8f7;border-color:#efc4c4}.operations-summary article.needs-attention>svg{color:var(--red);background:var(--red-soft)}.work-order-panel{overflow:hidden}.work-order-toolbar{align-items:flex-start}.work-order-filters{align-items:center;gap:12px;display:flex}.work-order-filters label{color:#647087;align-items:center;gap:6px;font-size:9px;display:flex}.work-order-list{background:#f8f9fb;gap:12px;padding:14px;display:grid}.work-order-card{background:#fff;border:1px solid #e2e6ed;border-radius:12px;position:relative;overflow:hidden}.work-order-card:before{content:"";background:#d9a735;width:3px;position:absolute;top:0;bottom:0;left:0}.work-order-card--high:before{background:var(--orange)}.work-order-card--critical:before{background:var(--red)}.work-order-card__header{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px 14px;display:flex}.work-order-card__header>div:first-child{min-width:0}.work-order-card h3{color:#2a374e;margin:8px 0 4px;font-size:14px}.work-order-card__header p{color:#667187;font-size:10px;line-height:1.5}.work-order-code{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.work-order-code>span:first-child{color:#65728a;font-family:Consolas,monospace;font-size:9px;font-weight:700}.work-status{color:#56647a;background:#edf0f4;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:750}.work-status--in_progress{color:#255ab0;background:#e9f1ff}.work-status--waiting_approval{color:#9a620d;background:#fff2d6}.work-status--completed{color:#247453;background:var(--green-soft)}.work-order-device{text-align:right;min-width:155px}.work-order-device strong,.work-order-device span{display:block}.work-order-device strong{color:#324159;font-size:10px}.work-order-device span{color:#929baa;margin-top:3px;font-size:8px}.workflow-steps{grid-template-columns:repeat(4,1fr);padding:10px 20px 15px;display:grid}.workflow-steps>div{color:#a0a8b5;justify-items:center;gap:5px;font-size:8px;display:grid;position:relative}.workflow-steps>div:not(:last-child):after{content:"";background:#e3e7ed;width:calc(100% - 26px);height:2px;position:absolute;top:10px;left:calc(50% + 13px)}.workflow-steps i{z-index:1;background:#fff;border:2px solid #dce1e8;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;display:grid;position:relative}.workflow-steps .is-done{color:#3770d6}.workflow-steps .is-done i{color:#fff;background:#3974de;border-color:#77a1ef}.workflow-steps .is-done:not(:last-child):after{background:#83a9ed}.workflow-steps .is-current i{box-shadow:0 0 0 4px #3274f51a}.work-order-context{color:#858f9f;background:#fbfcfd;border-top:1px solid #edf0f4;flex-wrap:wrap;align-items:center;gap:15px;padding:10px 20px;font-size:8px;display:flex}.work-order-context span{align-items:center;gap:5px;display:flex}.assignee-control{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:9px;padding:10px 20px;display:flex}.assignee-control label{color:#8b94a3;font-size:8px}.maintenance-action{color:#805d25;background:#fff9ed;border:1px solid #f1d9b2;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:10px 20px;padding:11px 12px;display:grid}.maintenance-action>div:first-child{align-items:center;gap:9px;display:flex}.maintenance-action strong,.maintenance-action small{display:block}.maintenance-action strong{font-size:9px}.maintenance-action small{color:#8d795a;margin-top:3px;font-size:8px}.maintenance-action>span{font-size:8px;font-weight:750}.maintenance-action>div:last-child{gap:6px;display:flex}.maintenance-action--executed{color:#267352;background:#f0fbf6;border-color:#bfe4d3}.maintenance-action--rejected{color:#6f798b;background:#f6f7f9;border-color:#e1e4e9}.work-order-result{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 20px;display:grid}.work-order-result>div{background:#f8fafc;border:1px solid #e1e7ef;border-radius:9px;padding:11px}.work-order-result span{color:#8993a3;text-transform:uppercase;font-size:8px;font-weight:750}.work-order-result p{color:#4f5c72;margin-top:5px;font-size:9px;line-height:1.5}.work-order-actions{border-top:1px solid #edf0f4;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 20px 17px;display:flex}.inline-work-form{background:#f8fafc;border:1px solid #dbe3ee;border-radius:11px;margin:0 20px 18px;padding:14px}.inline-work-form--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inline-work-form label{margin:0}.inline-work-form textarea,.dialog-fields input,.dialog-fields select{resize:vertical;color:#344158;background:#fff;border:1px solid #dbe1ea;border-radius:9px;outline:none;width:100%;min-height:42px;padding:10px 11px;font-size:10px}.inline-work-form textarea{min-height:85px}.inline-work-form textarea:focus,.dialog-fields input:focus,.dialog-fields select:focus{border-color:#8aa9e6;box-shadow:0 0 0 3px #3274f514}.inline-work-form>div{justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.inline-work-form--grid>div{grid-column:1/-1}.work-order-empty,.view-loading{color:#929baa;text-align:center;place-items:center;gap:6px;min-height:170px;padding:30px;font-size:10px;display:grid}.work-order-empty svg{color:var(--green)}.work-order-empty strong{color:#536075;font-size:12px}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.report-kpis article{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px;display:grid}.report-kpis article>span{color:#758095;align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex}.report-kpis article svg{width:15px;color:var(--blue)}.report-kpis strong{color:#27354c;margin-top:10px;font-size:25px}.report-kpis small{color:#99a1af;margin-top:2px;font-size:8px}.report-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:14px;display:grid}.report-chart{overflow:hidden}.report-chart>div:last-child{height:315px;padding:20px 15px 8px}.risk-ranking{overflow:hidden}.risk-ranking__list{display:grid}.risk-ranking__list>div{border-bottom:1px solid #edf0f4;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 18px;display:grid}.ranking-index{color:#69758a;background:#edf1f6;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:750;display:grid}.risk-ranking__list strong,.risk-ranking__list small{display:block}.risk-ranking__list strong{color:#3c495e;font-size:10px}.risk-ranking__list small{color:#929baa;margin-top:3px;font-size:8px}.risk-score-pill{color:#287657;background:var(--green-soft);border-radius:9px;place-items:center;min-width:34px;height:30px;font-size:12px;font-weight:800;display:grid}.risk-score-pill.is-high{color:#b54040;background:var(--red-soft)}.report-completion{color:#497461;background:#f2fbf7;border:1px solid #c9e7da;border-radius:11px;align-items:center;gap:9px;padding:13px 15px;font-size:10px;display:flex}.report-completion svg{color:var(--green)}.notification-center{position:relative}.notification-trigger{color:#647087;background:#fff;border:1px solid #dce2ec;border-radius:10px;place-items:center;width:41px;height:41px;display:grid;position:relative;box-shadow:0 4px 12px #14223b0a}.notification-trigger.has-unread{color:var(--blue);background:#f7f9ff;border-color:#bfd0f1}.notification-trigger i{color:#fff;background:var(--red);border:2px solid #f4f6f9;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:8px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.notification-popover{z-index:30;background:#fff;border:1px solid #dfe4ec;border-radius:15px;width:min(390px,100vw - 30px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 60px #121f342e}.notification-popover>header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:16px 17px;display:flex}.notification-popover>header strong{color:#27344b;font-size:14px}.notification-popover>header button{color:#3366c4;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;font-weight:750;display:flex}.notification-list{max-height:440px;overflow-y:auto}.notification-list>button{color:#8b95a4;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:35px minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;padding:13px 15px;display:grid}.notification-list>button:hover,.notification-list>button.is-unread{background:#f7f9fe}.notification-list>button.is-unread{box-shadow:inset 3px 0 var(--blue)}.notification-icon{width:35px;height:35px;color:var(--blue);background:var(--blue-soft);border-radius:9px;place-items:center;display:grid}.notification-icon--sla_breached{color:var(--red);background:var(--red-soft)}.notification-icon--sla_at_risk,.notification-icon--approval_required{color:#b66a23;background:#fff1e0}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{color:#3b485e;font-size:10px}.notification-list small{color:#778296;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;line-height:1.45;overflow:hidden}.notification-list time{color:#a1a8b4;margin-top:5px;font-size:7px}.notification-empty{color:#96a0af;text-align:center;justify-items:center;gap:5px;padding:32px 20px;display:grid}.notification-empty svg{color:var(--green)}.notification-empty strong{color:#536075;font-size:11px}.notification-empty span{font-size:8px}.sla-badge{color:#247453;background:var(--green-soft);border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.sla-badge--at_risk{color:#9a620d;background:#fff2d6}.sla-badge--breached{color:#ad3838;background:var(--red-soft)}.sla-deadline--at_risk{color:#a86917}.sla-deadline--breached{color:#bd4242;font-weight:750}.report-export{text-decoration:none}.health-hero{background:linear-gradient(110deg,#eefaf4,#fff);border:1px solid #bee2d2;border-radius:14px;align-items:center;gap:16px;padding:21px;display:flex}.health-hero>span{width:48px;height:48px;color:var(--green);background:#fff;border-radius:13px;place-items:center;display:grid;box-shadow:0 8px 20px #22a06b1f}.health-hero strong,.health-hero small{display:block}.health-hero strong{color:#285844;font-size:17px}.health-hero small{color:#6e8a7d;margin-top:5px;font-size:9px}.health-hero--degraded{background:linear-gradient(110deg,#fff8ec,#fff);border-color:#efd7b4}.health-hero--degraded>span,.health-hero--degraded strong{color:#a56823}.health-hero--down{background:linear-gradient(110deg,#fff2f2,#fff);border-color:#efc1c1}.health-hero--down>span,.health-hero--down strong{color:var(--red)}.health-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.health-kpis article{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:3px 11px;padding:15px;display:grid}.health-kpis svg{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:10px;grid-row:1/3;padding:10px}.health-kpis span{color:#8791a1;font-size:8px}.health-kpis strong{color:#344158;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.health-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.health-component{grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;display:grid}.health-component>span:first-child{width:45px;height:45px;color:var(--green);background:var(--green-soft);border-radius:11px;place-items:center;display:grid}.health-component small,.health-component strong{display:block}.health-component small{color:#8c96a6;font-size:8px}.health-component strong{color:#277455;margin-top:2px;font-size:12px}.health-component p{color:#7a8597;margin-top:5px;font-size:8px}.health-component--degraded>span:first-child,.health-component--degraded strong{color:#a8681b;background:#fff3dd}.health-component--down>span:first-child,.health-component--down strong{color:var(--red);background:var(--red-soft)}.health-latency{color:#677389;background:#f0f2f5;border-radius:7px;padding:6px 8px;font-size:8px}.device-management-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.managed-device{grid-template-columns:48px minmax(0,1fr) 30px;align-items:start;gap:12px;padding:17px;display:grid;position:relative}.managed-device__icon{width:48px;height:48px;color:var(--blue);background:var(--blue-soft);border-radius:12px;place-items:center;display:grid}.managed-device h3{color:#344158;margin:9px 0 3px;font-size:12px}.managed-device div>strong{color:#7c8798;font-size:9px}.managed-device p{color:#667289;align-items:center;gap:5px;margin-top:10px;font-size:9px;display:flex}.managed-device small{color:#98a0ad;margin-top:5px;font-size:8px;display:block}.managed-device>button{color:#66748a;background:#fff;border:1px solid #e0e5ed;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050e1b8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-card{background:#fff;border-radius:17px;width:min(100%,520px);padding:24px;box-shadow:0 30px 80px #0003}.dialog-card header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:18px;display:flex}.dialog-card header>button{color:#758095;background:#f0f2f5;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.dialog-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.dialog-fields label{margin-top:14px}.dialog-card footer{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.audit-panel{overflow:hidden}.audit-list{display:grid}.audit-list article{border-bottom:1px solid #edf0f4;grid-template-columns:36px minmax(180px,.8fr) minmax(130px,.5fr) minmax(230px,1fr);align-items:center;gap:12px;padding:13px 18px;display:grid}.audit-icon{width:36px;height:36px;color:var(--purple);background:var(--purple-soft);border-radius:9px;place-items:center;display:grid}.audit-list article>div:nth-child(2) strong,.audit-list article>div:nth-child(2) span,.audit-list article>div:nth-child(3) span,.audit-list article>div:nth-child(3) strong{display:block}.audit-list article>div:nth-child(2) strong{color:#445168;font-size:10px}.audit-list article>div:nth-child(2) span{color:#929baa;align-items:center;gap:5px;margin-top:4px;font-size:8px;display:flex}.audit-list article>div:nth-child(2) i{font-style:normal}.audit-list article>div:nth-child(3) span{color:#9aa2af;font-size:7px;font-weight:750}.audit-list article>div:nth-child(3) strong{color:#667289;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-family:Consolas,monospace;font-size:8px;overflow:hidden}.audit-list code{color:#6e7787;text-overflow:ellipsis;white-space:nowrap;background:#f5f6f8;border-radius:7px;padding:7px 9px;font-size:7px;overflow:hidden}@media (width<=1120px){.operations-summary,.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.device-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-components{grid-template-columns:1fr}.audit-list article{grid-template-columns:36px minmax(0,1fr) minmax(130px,.5fr)}.audit-list code{display:none}}@media (width<=800px){.login-shell{grid-template-columns:1fr}.login-story{min-height:360px;padding:35px 28px}.login-story__copy{margin:45px 0}.login-story h1{font-size:clamp(34px,9vw,52px)}.login-capabilities{display:none}.login-panel{padding:35px 18px}.product-nav{padding-bottom:12px;display:flex;overflow-x:auto}.product-nav button{min-width:130px}.sidebar-foot{margin-top:14px;display:grid}.work-order-card__header{flex-direction:column}.work-order-device{text-align:left;min-width:0}.maintenance-action{grid-template-columns:1fr}.maintenance-action>div:last-child{justify-content:flex-end}}@media (width<=560px){.operations-summary,.report-kpis,.health-kpis,.device-management-grid,.dialog-fields{grid-template-columns:1fr}.view-toolbar,.work-order-toolbar{flex-direction:column;align-items:flex-start}.work-order-filters{flex-direction:column;align-items:flex-start;width:100%}.work-order-filters select{width:100%}.workflow-steps span{display:none}.work-order-result,.inline-work-form--grid{grid-template-columns:1fr}.work-order-actions{flex-direction:column;align-items:stretch}.work-order-actions button{width:100%;margin:0}.assignee-control{flex-direction:column;align-items:stretch}.audit-list article{grid-template-columns:34px minmax(0,1fr)}.audit-list article>div:nth-child(3){grid-column:2}.login-card{padding:24px}.system-time{display:none}.notification-popover{width:auto;position:fixed;top:72px;left:15px;right:15px}.health-component{grid-template-columns:40px minmax(0,1fr)}.health-latency{grid-column:2;width:fit-content}.demo-accounts>div{grid-template-columns:1fr}}