*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-2{margin-left:.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.table{display:table}.grid{display:grid}.h-4{height:1rem}.w-full{width:100%}.max-w-\[1600px\]{max-width:1600px}.max-w-md{max-width:28rem}.gap-3{gap:.75rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.p-5{padding:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#080d19;--panel:#111827;--panel2:#151e2e;--line:#263247;--text:#f1f5f9;--muted:#8fa0b8;--green:#2dd4a2;--red:#ff6577;--amber:#f7bd53;--blue:#60a5fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -20%,#172440 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui;font-size:14px}a{color:var(--green);text-decoration:none}h1{font-size:32px;line-height:1.15;font-weight:750;letter-spacing:-.03em;margin:5px 0 8px}h2{font-size:19px;font-weight:700;margin:0}button{background:#0db485;border:0;border-radius:8px;padding:10px 15px;color:white;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5}.top-nav{height:68px;padding:0 max(24px,calc((100vw - 1500px)/2));border-bottom:1px solid var(--line);background:rgba(8,13,25,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand,.top-nav{display:flex;align-items:center}.brand{gap:10px;color:white;font-weight:750;font-size:17px;margin-right:42px}.brand>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#25d5a4,#0b8e73);font-style:normal}.brand span{line-height:15px}.brand small{display:block;color:#7f91a9;font-size:8px;letter-spacing:.18em}.nav-links{display:flex;align-self:stretch}.nav-links a{display:flex;align-items:center;padding:0 17px;color:#96a6bc;border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{color:white;border-color:var(--green)}.nav-status{margin-left:auto;color:#94a3b8;font-size:12px}.bad-dot,.good-dot,.live-indicator i,.nav-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #2dd4a299}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin:20px 0 24px}.eyebrow{color:#5fd7b4;font-weight:750;font-size:11px;letter-spacing:.14em;margin:0}.subtitle{color:var(--muted);font-size:15px;margin:0}.live-indicator{border:1px solid var(--line);padding:9px 12px;border-radius:20px;color:#b6c3d4;font-size:12px}.live-indicator.offline{color:var(--red)}.bad-dot,.live-indicator.offline i{background:var(--red)}.attention-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:12px;margin-bottom:12px}.hero-card,.metric-card{min-height:130px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:19px}.hero-card{display:grid;grid-template-columns:auto 1fr;gap:15px;position:relative}.hero-card.danger-card{border-color:#723346;background:linear-gradient(145deg,#211827,#141724)}.hero-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#ff65771c;color:var(--red);font-size:24px;font-weight:700}.hero-card span,.metric-card span{color:#a8b5c6;display:block}.hero-card strong,.metric-card strong{display:block;font-size:36px;line-height:42px}.hero-card small,.metric-card small{color:var(--muted)}.hero-card>a{position:absolute;right:18px;bottom:17px;font-weight:650}.metric-card strong{margin-top:6px}.health-strip{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:11px;background:#0e1523;margin-bottom:27px}.health-strip>div{display:grid;grid-template-columns:auto 150px 1fr;gap:11px;align-items:center;padding:13px 17px}.health-strip>div+div{border-left:1px solid var(--line)}.health-strip span{color:var(--muted)}.health-strip b{font-weight:550}.list-section{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-bottom:1px solid var(--line)}.panel-title p,.section-head p{color:var(--muted);margin:4px 0 0}.filters{display:flex;gap:9px}.input{background:#0a1020;border:1px solid #344157;border-radius:8px;padding:10px 12px;color:white;min-width:190px;outline:none}.input:focus{border-color:var(--green)}.search{width:280px}.device-head,.device-row{display:grid;grid-template-columns:1.3fr .85fr 1.1fr 1fr 1.2fr;gap:18px;align-items:center}.device-head{padding:10px 20px;color:#7889a1;font-size:10px;font-weight:750;letter-spacing:.08em;background:#0c1321}.device-row{padding:16px 20px;border-top:1px solid var(--line);min-height:105px}.device-row:hover{background:#151e2e}.device-row.has-problem{border-left:3px solid var(--red);padding-left:17px}.device-main{display:flex;gap:12px;align-items:flex-start}.device-icon{width:33px;height:33px;flex:0 0 33px;border-radius:9px;background:#183247;color:var(--green);display:grid;place-items:center;font-weight:700}.has-problem .device-icon{background:#ff65771a;color:var(--red)}.device-name{font-size:16px;font-weight:700;color:white}.cell-caption,.device-meta,.technical-id{color:var(--muted);font-size:12px;margin-top:4px}.device-note{color:#c2ccda;font-size:12px;margin-top:5px;max-width:260px}.status-pill{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:750}.status-pill.success{background:#16c8951c;color:#49ddb2}.status-pill.danger{background:#ff65771c;color:#ff7b8b}.status-pill.warning{background:#f7bd531c;color:#f7c96e}.status-pill.info{background:#60a5fa1c;color:#81b8f9}.status-pill.muted{background:#64748b22;color:#a6b2c2}.status-pill.large{font-size:13px;padding:8px 13px}.progress-track{height:4px;background:#273349;border-radius:4px;margin-top:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--green)}.ok-text{color:var(--green)}.critical,.danger-text,.failed,.stale{color:var(--red)}.clamp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.details-link{display:block;margin-top:8px;font-size:12px;font-weight:650}.empty{padding:45px;display:flex;flex-direction:column;align-items:center;color:var(--muted);gap:5px}.empty b{color:white;font-size:16px}.filter-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:17px}.filter-tabs button{background:none;color:var(--muted);border-radius:0;border-bottom:2px solid transparent}.filter-tabs button.active{color:white;border-color:var(--green)}.filter-tabs b{background:#273349;border-radius:12px;padding:2px 7px;margin-left:5px}.alert-total{display:flex;align-items:center;gap:11px;border:1px solid #653141;background:#ff657711;border-radius:12px;padding:12px 17px}.alert-total strong{font-size:30px;color:var(--red)}.alert-total span{color:#c9a4aa;font-size:11px}.incident-list{display:flex;flex-direction:column;gap:10px}.incident{display:grid;grid-template-columns:48px 1fr auto;gap:16px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:12px;padding:18px}.incident-icon{width:44px;height:44px;background:#ff657716;color:var(--red);border-radius:11px;display:grid;place-items:center;font-size:22px}.incident-top{display:flex;gap:10px;align-items:center;color:#a9b6c8;font-size:12px}.incident-top time{margin-left:auto;color:#71839b}.severity{font-size:10px;font-weight:800;letter-spacing:.08em}.severity.critical,.severity.error{color:var(--red)}.incident h2{margin:7px 0 3px}.raw-reason{color:#aab7c8;margin:0 0 12px}.affected{display:grid;grid-template-columns:auto auto auto 1fr;gap:10px;align-items:center;font-size:12px}.affected span{font-size:9px;color:#71839b;font-weight:700;letter-spacing:.08em}.affected code{color:#b7c2d2}.next-action{margin-top:13px;padding:10px 12px;background:#1b2434;border-radius:7px;color:#b9c5d3}.next-action b{color:white}.incident-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.incident-actions a{font-size:12px}.back-link{display:inline-block;margin-top:13px}.device-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.device-title p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.panel,.problem-panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:19px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.secondary{background:#273349;color:#d4dbe5;padding:7px 11px}.note-view{color:#b5c1d0;min-height:50px}.edit-form{gap:12px;margin-top:15px}.edit-form,.edit-form label{display:flex;flex-direction:column}.edit-form label{gap:6px;color:#a9b6c8}.edit-form textarea{resize:vertical;min-height:90px}.current-step{border-left:3px solid var(--green);padding:8px 14px;margin-top:15px}.current-step small,.current-step span{display:block;color:var(--muted)}.current-step strong{display:block;font-size:20px;margin:3px 0}.artifact-row{display:flex;gap:30px;margin-top:17px}.artifact-row span{color:var(--muted)}.artifact-row b{color:white;margin-left:7px}.problem-panel{display:flex;gap:15px;border-color:#673243;margin-bottom:13px}.problem-panel h2{margin:4px 0}.problem-panel p{color:#aebacc}.timeline{margin-top:15px}.timeline-event{display:grid;grid-template-columns:12px 115px 1fr auto;gap:12px;align-items:center;padding:13px 5px;border-top:1px solid var(--line)}.timeline-event>i{width:9px;height:9px;border-radius:50%;background:#64748b}.timeline-event.critical>i,.timeline-event.error>i{background:var(--red)}.timeline-event.info>i{background:var(--blue)}.timeline-event div span,.timeline-event time{color:var(--muted);font-size:12px}.timeline-event div span{display:block;margin-top:2px}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{color:#9aa9bd}@media(max-width:1000px){.attention-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 2}.device-head{display:none}.device-row{grid-template-columns:1fr 1fr}.nav-status{display:none}}@media(max-width:700px){.top-nav{padding:0 12px;overflow:auto}.brand{margin-right:15px}.nav-links a{padding:0 10px}.page-head,.section-head{flex-direction:column;gap:15px}.attention-grid,.detail-grid{grid-template-columns:1fr}.hero-card{grid-column:auto}.health-strip{grid-template-columns:1fr}.health-strip>div+div{border-left:0;border-top:1px solid var(--line)}.filters{flex-direction:column}.filters,.input,.search{width:100%}.device-row{grid-template-columns:1fr}.incident{grid-template-columns:40px 1fr}.incident-actions{grid-column:2;align-items:flex-start;flex-direction:row}.affected{grid-template-columns:auto 1fr}.timeline-event{grid-template-columns:10px 1fr}.timeline-event time{grid-column:2}.timeline-event>.status-pill{grid-column:2;width:-moz-max-content;width:max-content}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}