:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}:root{--black:#0b0b0c;--ink:#16171a;--white:#fff;--paper:#f6f7f9;--line:#e6e8ec;--muted:#6b7280;--accent:#111827;--green:#16a34a;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fee2e2;--amber:#d97706;--amber-bg:#fef3c7;--radius:14px;--shadow:0 1px 2px rgba(11,11,12,.04),0 8px 24px rgba(11,11,12,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{justify-content:space-between;padding:16px 28px;background:var(--black);color:var(--white);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-weight:700;letter-spacing:.2px}.brand .logo{width:34px;height:34px;border-radius:9px;background:var(--white);color:var(--black);display:grid;place-items:center;font-size:17px}.topbar-right{display:flex;align-items:center;gap:16px}.conn-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.2)}.conn-dot.on{background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.25)}.role-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.14);color:#fff;text-transform:capitalize}.container{max-width:1120px;margin:0 auto;padding:28px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px 24px}.section-title{font-size:18px;font-weight:700;margin:0 0 4px}.section-sub{color:var(--muted);font-size:13.5px;margin:0 0 18px}.greeting{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px}.greeting h1{font-size:26px;margin:0}.greeting .wave{font-size:24px}.greeting .subtitle{color:var(--muted);margin:4px 0 0;font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--black);background:var(--black);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--black)}.btn.danger{background:var(--red);border-color:var(--red)}.btn.success{background:var(--green);border-color:var(--green)}.btn.sm{padding:7px 12px;font-size:13px}.btn.block{width:100%;justify-content:center}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#374151}.input,select.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff;outline:none}.input:focus{border-color:var(--black);box-shadow:0 0 0 3px rgba(11,11,12,.08)}.engine-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.engine-row .field{flex:1 1;min-width:220px;margin-bottom:0}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;text-transform:capitalize}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.green{background:var(--green-bg);color:var(--green)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.grey{background:#eef0f3;color:var(--muted)}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:12px 14px;font-weight:700}table.grid td,table.grid th{border-bottom:1px solid var(--line)}table.grid td{padding:13px 14px}table.grid tr.clickable{cursor:pointer}table.grid tr.clickable:hover td{background:var(--paper)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:#374151}.drawer-overlay{position:fixed;inset:0;background:rgba(11,11,12,.42);z-index:40;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100vh;width:440px;max-width:92vw;background:#fff;z-index:50;box-shadow:-12px 0 40px rgba(11,11,12,.18);transform:translateX(100%);transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.drawer-body{padding:24px;overflow-y:auto;flex:1 1}.drawer-actions{padding:18px 24px;border-top:1px solid var(--line);display:flex;gap:10px}.icon-btn{background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted)}.gauges{display:grid;grid-gap:18px;gap:18px}.gauge-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.gauge-label{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px}.gauge-value{font-size:13px;color:var(--muted)}.gauge-track{height:12px;background:#eef0f3;border-radius:999px;overflow:hidden}.gauge-fill{height:100%;border-radius:999px;transition:width .4s ease;background:var(--black)}.gauge-fill.warn{background:var(--amber)}.gauge-fill.crit{background:var(--red)}.gauge-fill.ok{background:var(--green)}.modal-overlay{position:fixed;inset:0;background:rgba(11,11,12,.5);z-index:60;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:16px;width:420px;max-width:100%;box-shadow:var(--shadow);overflow:hidden}.modal-head{background:var(--black);color:#fff;padding:20px 24px}.modal-head h3{margin:0;font-size:17px}.modal-head p{margin:6px 0 0;font-size:13px;color:#cbd0d8}.modal-body{padding:24px}.otp-inputs{display:flex;gap:8px;justify-content:center;margin:8px 0 18px;width:100%}.otp-box{flex:1 1;min-width:0;max-width:52px;height:54px;text-align:center;font-size:22px;font-weight:700;border:1.5px solid var(--line);border-radius:10px;outline:none}.otp-box:focus{border-color:var(--black);box-shadow:0 0 0 3px rgba(11,11,12,.08)}.pw-bar{display:flex;gap:5px;margin:4px 0 6px}.pw-seg{height:6px;flex:1 1;border-radius:999px;transition:background .2s ease}.pw-bar-label{font-size:12px;font-weight:700;margin-bottom:10px}.pw-rules{list-style:none;padding:0;margin:0 0 4px;display:grid;grid-gap:6px;gap:6px}.pw-rules li{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.pw-rules li .svg-inline--fa{color:var(--muted);font-size:11px;width:12px}.pw-rules li.ok,.pw-rules li.ok .svg-inline--fa{color:var(--green)}.toast-stack{position:fixed;bottom:22px;right:22px;z-index:80;flex-direction:column}.toast,.toast-stack{display:flex;gap:10px}.toast{background:var(--black);color:#fff;padding:13px 18px;border-radius:11px;box-shadow:var(--shadow);font-size:14px;align-items:center;min-width:260px;animation:slidein .2s ease}.toast.error{background:var(--red)}.toast.success{background:var(--green)}@keyframes slidein{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 500px at 50% -10%,#fff,var(--paper))}.login-card{width:400px;max-width:100%}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.login-brand .logo{width:54px;height:54px;border-radius:14px;background:var(--black);color:#fff;display:grid;place-items:center;font-size:24px}.login-brand h2{margin:6px 0 0;font-size:20px}.login-brand p{margin:0;color:var(--muted);font-size:13px}.error-text{color:var(--red);font-size:13px;margin:-6px 0 12px}.stack{display:grid;grid-gap:22px;gap:22px}.stack>*{min-width:0}.muted{color:var(--muted)}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner.dark{border-color:rgba(11,11,12,.2);border-top-color:var(--black)}@keyframes spin{to{transform:rotate(1turn)}}.center-load{display:grid;place-items:center;min-height:60vh}.tag{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;background:#eef0f3;color:#374151;text-transform:capitalize}.tag.admin{background:var(--black);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:16px}.stat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:20px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);min-height:168px}.stat-icon{font-size:26px;color:var(--black)}.stat-hero{font-size:40px;font-weight:800;line-height:1;color:var(--ink)}.stat-label{font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px}.stat-tile.tile-alert{background:#fff5f5;border-color:#f7c9c9}.stat-tile.tile-ok{background:#f2fbf5;border-color:#c8ecd3}.alert-banner{margin-top:18px;border:1px solid #f3c7c7;background:#fff5f5;border-radius:12px;padding:14px 16px}.alert-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--red);font-size:14px;margin-bottom:10px}.alert-head .muted{color:#9a6a6a;font-weight:500}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-row{justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.alert-info,.alert-row{display:flex;align-items:center}.alert-info{flex-wrap:wrap;gap:4px;min-width:0}.alert-name{font-weight:600}.aselect{position:relative;width:100%}.aselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;cursor:pointer;text-align:left;color:var(--ink)}.aselect-trigger:hover{border-color:#cdd2da}.aselect-trigger.open{border-color:var(--black);box-shadow:0 0 0 3px rgba(11,11,12,.08)}.aselect-caret{color:var(--muted);transition:transform .18s ease;font-size:12px}.aselect-caret.up{transform:rotate(180deg)}.aselect-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;margin:0;list-style:none;max-height:280px;overflow-y:auto}.aselect-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--ink)}.aselect-option:hover{background:var(--paper)}.aselect-option.active{background:#f0f1f4;font-weight:600}.aselect-option .fa-check{color:var(--green)}.aselect-option.disabled{opacity:.5;cursor:not-allowed}.aselect-option.disabled:hover{background:transparent}.aselect-hint{color:var(--muted);font-style:normal;font-size:12px;font-weight:400}.datefilter{position:relative}.df-trigger{width:auto;min-width:170px}.datefilter-menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;width:300px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px}@media (max-width:640px){.datefilter-menu{left:0;right:auto;width:min(320px,calc(100vw - 28px))}}.df-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;margin-bottom:9px}.df-presets{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.df-preset{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-size:13px;font-weight:600;text-align:center;color:var(--ink)}.df-preset:hover{background:var(--paper)}.df-preset.active{background:var(--black);color:#fff;border-color:var(--black)}.df-divider{height:1px;background:var(--line);margin:14px 0}.df-row{display:flex;gap:8px;align-items:stretch}.df-row .input{flex:1 1}.df-field{margin-bottom:10px}.df-field label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:5px}.lock-note{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff7f7;border-top:1px solid #f3c7c7;color:#8a4b4b;font-size:12.5px}.servers-cards{display:none}table.grid tr.row-alert td{background:#fff7f7}table.grid tr.row-alert:hover td{background:#fff0f0}.server-card{border-top:1px solid var(--line);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px}.server-card:hover{background:var(--paper)}.server-card.static{cursor:default}.server-card.static:hover{background:#fff}.server-card.card-alert{border-left:3px solid var(--red);background:#fff7f7}.server-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-card-name{font-weight:700;font-size:15px;word-break:break-word}.server-card-mid{flex-wrap:wrap}.server-card-foot,.server-card-mid{display:flex;align-items:center;justify-content:space-between;gap:10px}body,html{overflow-x:hidden}body,html,img,svg{max-width:100%}@media (max-width:900px){.container{padding:20px 16px}.topbar{padding:13px 16px}.greeting h1{font-size:22px}.drawer{width:400px}.card-pad{padding:18px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.engine-row{flex-direction:column;align-items:stretch;gap:12px}.engine-row .field{min-width:0;width:100%}.engine-row .btn{width:100%;justify-content:center}}@media (max-width:720px){.servers-table{display:none}.servers-cards{display:block}}@media (max-width:600px){.stats-grid{gap:10px}.stat-tile{min-height:150px;padding:16px 10px}.stat-hero{font-size:32px}.alert-row{flex-direction:column;align-items:stretch}.alert-row .btn{width:100%;justify-content:center}.container{padding:16px 12px}.stack{gap:16px}.brand{font-size:14px;gap:8px;min-width:0}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand .logo{width:30px;height:30px;font-size:15px;flex:0 0 auto}.topbar-right{gap:10px}.topbar-right .btn .btn-label{display:none}.topbar-right .btn{padding:8px 10px}.role-badge{display:none}.greeting{margin-bottom:16px}.greeting h1{font-size:20px}.greeting .subtitle{font-size:13px}.section-title{font-size:16px}.drawer{width:100vw;max-width:100vw}.drawer-actions{gap:8px}.drawer-actions .btn{padding:9px 6px;font-size:12.5px;gap:5px}table.grid td,table.grid th{padding:11px 10px}table.grid th{font-size:11px}.login-card,.modal{width:100%}.modal-body{padding:20px 16px}.otp-box{height:50px;font-size:20px}.toast-stack{left:12px;right:12px;bottom:12px}.toast{min-width:0;width:100%}}@media (max-width:380px){.otp-inputs{gap:6px}.otp-box{height:46px}.greeting h1,.otp-box{font-size:18px}.btn{font-size:13px}}