*{box-sizing:border-box}body{margin:0;background:#0c1119;color:#dce5ef;font:14px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:#83d5be;text-decoration:none}.shell{display:flex;min-height:100vh}aside{width:205px;background:#101720;border-right:1px solid #232e3b;padding:32px 18px;position:fixed;inset:0 auto 0 0}.brand{font-size:22px;font-weight:750;display:flex;align-items:center;gap:9px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:29px;height:29px;background:#86e1ba;color:#12281f;border-radius:7px;font-size:19px}.brand small{font-size:9px;letter-spacing:1px;color:#7e91a5;border:1px solid #364352;padding:3px;border-radius:3px}.nav-label{font-size:9px;letter-spacing:2px;color:#61748a;margin:48px 10px 15px}.nav-item{padding:13px 12px;border-radius:6px;margin:7px 0;font-size:13px}.active{background:#20362f;color:#9ce9c4}.muted{color:#64758a;font-size:11px}main{margin-left:205px;width:calc(100% - 205px);padding:0 38px 24px;max-width:1600px}header{height:75px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #202c39;font-size:12px;color:#76889e}header strong{font-weight:500;color:#bbc9d9}header a{margin-left:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c91a8;font-weight:600}h1{font-size:32px;letter-spacing:-1px;margin:9px 0}p{color:#7e91a8;line-height:1.6;margin:7px 0}h2{font-size:16px;margin:0 0 6px;font-weight:600}.badge{border:1px solid #2f5b47;background:#162f26;color:#9be3b8;padding:8px 13px;border-radius:30px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #263342;border-radius:10px;background:#121b26;margin-bottom:24px}.stat{padding:20px 23px;border-right:1px solid #263342}.stat:last-child{border:0}.stat small{display:block;color:#7c90a8;font-size:11px;margin-bottom:10px}.stat strong{font-size:20px;font-weight:550}.panel-card,.detail-card,.table-card{background:#121b26;border:1px solid #273443;border-radius:10px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:24px}.section-head p{font-size:12px}.legend{display:flex;gap:20px;color:#98a9bc;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25332b;border:1px solid #101610;box-shadow:inset 0 1px 2px #000;flex-shrink:0}.led.on{background:#8ef28a;box-shadow:0 0 7px #6ee96c88,inset 0 1px 2px #bdffbf;border-color:#6bba61}.led.blue{background:#69a8fb;box-shadow:0 0 8px #67a7ef88}.blink{animation:activity 1.4s infinite steps(1)}@keyframes activity{0%,14%,24%,42%,72%,to{opacity:1}18%,33%,65%{opacity:.32}}.panel-scroll{padding:14px 25px 30px;overflow-x:auto}.hardware{min-width:850px;background:linear-gradient(#3d4041,#25292b 20%,#333739 50%,#24282a);border-radius:7px 7px 4px 4px;box-shadow:0 13px 24px #0008,inset 0 2px 1px #686b6c,inset 0 -3px 1px #141819;border:1px solid #474e51;padding:0 18px 8px}.hardware-top{height:44px;display:flex;align-items:center;border-bottom:1px solid #1c2021;gap:20px;color:#9ca5a7}.hardware-top strong{font-size:20px;font-style:italic;color:#e0e5e5;letter-spacing:-1px}.hardware-top span{font-size:8px;letter-spacing:2px}.hardware-top small{margin-left:auto;font-size:7px;letter-spacing:1px}.hardware-face{display:flex;gap:14px;align-items:center;padding:17px 0 3px}.power{display:grid;grid-template-columns:19px 8px;gap:7px 3px;align-items:center;width:34px;font-size:6px;color:#bec7c8}.power small{font-size:5px}.reset{width:6px;height:6px;background:#111;border-radius:50%;border:1px solid #727575}.port-bank{display:flex;gap:3px;flex:1;background:#b5b9b9;padding:3px 3px 0;border-radius:2px}.socket-wrap{display:block;position:relative;background:transparent;border:0;padding:0;min-width:45px;flex:1;color:#b7c1c5;outline-offset:5px}.port-number{position:absolute;top:-14px;left:0;width:100%;font-size:8px}.socket{display:block;height:42px;background:linear-gradient(#090c0c,#171c16);border:3px solid #c5cbcb;position:relative;clip-path:polygon(0 0,35% 0,35% 8%,65% 8%,65% 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 10px #000}.contacts{position:absolute;bottom:3px;left:19%;width:62%;display:flex;justify-content:space-between;height:13px;transform:perspective(25px) rotateX(15deg)}.contacts i{width:2px;background:linear-gradient(#584c2a,#9d8950,#342d18)}.socket-notch{position:absolute;top:0;left:30%;width:40%;height:5px;background:#050707}.port-bottom{display:flex;align-items:center;justify-content:center;gap:4px;font-size:6px;height:16px;background:#303638}.port-bottom .led{width:5px;height:5px}.linked .socket{border-color:#c2d3c5}.selected .socket{outline:2px solid #9bedc2;outline-offset:-2px}.selected .port-number{color:#a0ffca}.sfp{flex:0 0 63px;margin-right:3px}.sfp .socket{height:46px;border:2px solid #727b80;clip-path:none;background:linear-gradient(135deg,#121719,#050809)}.sfp .contacts{bottom:4px;height:5px}.led-bank{width:87px;flex-shrink:0;align-self:center}.led-bank>small{display:block;text-align:center;font-size:5px;color:#7e8b8e;letter-spacing:1px;margin:0 0 8px}.led-bank>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 5px}.led-bank span{display:flex;flex-direction:column;align-items:center;gap:3px}.led-bank small{font-size:5px;color:#9ba8ac}.hardware-bottom{display:flex;justify-content:space-around;color:#737f83;font-size:5px;letter-spacing:1px;padding:4px 0}.capture-note{border-top:1px solid #263341;padding:13px 24px;font-size:10px;color:#7d91aa;line-height:1.6}.snapshot-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ddb977;margin-right:7px}.lower-grid{display:grid;grid-template-columns:280px 1fr;gap:22px;margin-top:22px;align-items:start}.detail-card{padding:24px}.detail-card h2{font-size:27px;margin:14px 0}.port-state{display:inline-block;color:#8a9db1;background:#1d2935;border-radius:4px;font-size:11px;padding:7px 10px}.is-up{color:#98e8b5;background:#1b362c}dl{display:grid;grid-template-columns:1fr auto;gap:18px 10px;font-size:11px;margin:28px 0 5px}dt{color:#7a8da3}dd{margin:0;color:#c0cedb}.table-card{padding:22px 0 10px}.table-card h2{padding:0 22px 10px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#657d96;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:500;padding:11px 22px;background:#101923}td{padding:10px 22px;border-top:1px solid #202c3b;color:#9fb0c4}td .led{margin-right:8px;width:6px;height:6px}.table-port{background:none;border:0;color:#c9d7e5;padding:0;text-align:left}.row-selected{background:#1c2d32}.row-selected .table-port{color:#9aeac6}footer{margin-top:24px;font-size:10px;color:#647b94;line-height:1.8}button:focus-visible,a:focus-visible{outline:2px solid #a0e8c2;outline-offset:4px}@media(prefers-reduced-motion:reduce){.blink{animation:none}}@media(min-width:1500px){.socket{height:52px}}@media(max-width:1000px){aside{width:150px}.brand{font-size:17px}.brand small{display:none}main{margin-left:150px;width:calc(100% - 150px);padding:0 22px}.lower-grid{grid-template-columns:240px 1fr}.stat{padding:18px 14px}.stat strong{font-size:17px}}@media(max-width:700px){aside{display:none}main{margin:0;width:100%;padding:0 16px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #263342}.lower-grid{grid-template-columns:1fr}.page-heading{gap:15px}.badge{font-size:9px;padding:7px}.section-head{padding:18px;gap:12px}.legend{gap:9px}.section-head p{font-size:10px}h1{font-size:26px}.panel-scroll{padding:15px 18px 26px}td,th{padding:10px 18px}}.hardware-face{padding-bottom:62px}.socket-wrap{isolation:isolate}.lan-assembly{--cable:#438ac9;--boot-light:#76b6e8;position:absolute;left:50%;top:17px;width:34px;height:110px;transform:translate(-50%);pointer-events:none;z-index:4;filter:drop-shadow(3px 5px 3px #0007)}.cable-teal{--cable:#309e91;--boot-light:#66d2bd}.rj45-plug{position:absolute;top:0;left:4px;width:26px;height:26px;background:linear-gradient(90deg,#a5b8b6bb,#e3eeebcc 35%,#8a9d9cbb);border:1px solid #d2e0db99;border-radius:2px 2px 4px 4px;box-shadow:inset 0 1px 2px #efffffb0}.plug-pins{display:flex;gap:1px;justify-content:center;position:absolute;top:2px;left:2px;right:2px;height:9px}.plug-pins i{width:2px;background:linear-gradient(#d4c38b,#89713e);border-radius:1px}.plug-latch{position:absolute;left:8px;top:6px;width:8px;height:21px;border:1px solid #dce9e3ba;border-radius:2px;background:linear-gradient(90deg,#a3b5b3bb,#ecf4eabb,#8d9f9dbb);box-shadow:1px 2px 2px #0004}.cable-boot{position:absolute;left:4px;top:24px;width:26px;height:29px;display:flex;flex-direction:column;gap:3px;padding:5px 3px;background:linear-gradient(90deg,var(--cable),var(--boot-light) 35%,var(--cable) 80%);border-radius:3px 3px 9px 9px;border:1px solid #122b3b88}.cable-boot i{height:2px;background:#082a3b33;box-shadow:0 1px #ffffff25;border-radius:2px}.lan-cord{position:absolute;top:45px;left:-26px;width:86px;height:86px;overflow:visible}.cord-color{stroke:var(--cable)}.linked .port-bottom{position:relative;z-index:6}.hardware{overflow:visible}.hardware-bottom{position:relative;z-index:0}.hardware .socket-wrap:focus-visible{outline:2px solid #9bedc2}.panel-scroll{padding-bottom:44px}.traffic-card{margin-top:22px;border:1px solid #273443;border-radius:10px;background:#121b26;overflow:hidden}.traffic-card select{border:1px solid #354558;color:#c7d9e6;background:#192633;border-radius:5px;padding:7px 12px}.traffic-readings{display:flex;gap:28px;align-items:center;padding:0 24px 15px;font-size:12px}.traffic-readings strong{font-size:21px;font-weight:550;margin-left:8px}.traffic-readings .rx{color:#70d9ba}.traffic-readings .tx{color:#7daafb}.traffic-readings small{margin-left:auto;color:#8295ab;font-size:10px}.traffic-chart{width:100%;height:auto;display:block;padding:0 15px;min-height:180px}.graph-foot{padding:12px 24px;border-top:1px solid #263443;color:#71869d;font-size:10px}@media(max-width:700px){.traffic-readings{flex-wrap:wrap;gap:14px}.traffic-readings strong{font-size:17px}.traffic-readings small{margin-left:0;flex-basis:100%}}.nav-devices{border:0;width:100%;text-align:left}.primary-button,.secondary-button,.test-button{border-radius:6px;padding:10px 15px;font-weight:600;font-size:12px;cursor:pointer}.primary-button{background:#92e5be;color:#122b21;border:1px solid #a1edc9}.secondary-button{background:#1a2836;color:#bad0e1;border:1px solid #35475a}.header-add{margin-left:14px}.primary-button:disabled,.secondary-button:disabled,.test-button:disabled{opacity:.4;cursor:default}.inventory-summary{display:flex;justify-content:space-between;align-items:center;color:#8ca2ba;font-size:12px;margin:26px 0 14px}.empty-inventory{border:1px dashed #3a4a5b;border-radius:12px;padding:65px 25px;text-align:center;background:#111c27}.empty-inventory p{margin:12px 0 24px}.empty-icon{display:block;color:#93ddbd;font-size:40px;margin-bottom:20px}.inventory-table{border:1px solid #2c3e50;border-radius:10px;overflow:auto;background:#131f2b}.inventory-sub{display:block;font-size:10px;color:#8098b1;margin-top:6px}.inventory-note{font-size:11px;margin-top:22px}.save-notice{padding:13px 18px;border:1px solid #335d48;background:#17372c;color:#9be2b7;border-radius:7px}.modal-backdrop{position:fixed;inset:0;background:#050b14b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.add-dialog{width:min(620px,100%);max-height:calc(100vh - 50px);overflow:auto;background:#142130;border:1px solid #3b5268;border-radius:14px;box-shadow:0 30px 100px #0008;padding:27px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:25px;margin:10px 0}.close-dialog{background:none;color:#a6b9cd;border:0;font-size:28px}.add-dialog>p{font-size:12px;margin:10px 0 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px;color:#b4c6d8}.form-field input,.form-field select{border:1px solid #3a4e62;border-radius:6px;background:#0d1926;padding:12px;color:#e0ebf4;width:100%;font:inherit;min-height:42px}.form-field input:focus,.form-field select:focus{outline:1px solid #8fdfbd;border-color:#8fdfbd}.test-button{background:#203f3b;color:#a1efd4;border:1px solid #3d7764;width:100%;margin:2px 0 18px}.form-error{background:#482832;color:#ffd0d4;padding:14px;border-radius:6px;font-size:12px;line-height:1.6;margin:12px 0}.probe-result{background:#102b26;border:1px solid #386754;border-radius:9px;padding:18px;margin:4px 0 18px}.result-title{font-size:13px;color:#a5e9c1;font-weight:650}.probe-result dl{margin:18px 0;grid-template-columns:120px 1fr;gap:11px}.probe-result dd{overflow-wrap:anywhere}.sys-descr{font-size:11px;line-height:1.6;border-top:1px solid #33564c;padding-top:12px;overflow-wrap:anywhere}.probe-result small{font-size:10px;color:#8cac9f}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #304254}@media(max-width:700px){.form-grid{grid-template-columns:1fr;gap:0}.add-dialog{padding:20px}.modal-backdrop{padding:12px}.add-dialog{max-height:calc(100vh - 24px)}.inventory-summary{align-items:flex-start;gap:12px}.header-add{margin-left:5px;padding:7px}.inventory-table td{white-space:nowrap}}.device-row-actions{display:flex;gap:8px;align-items:center}.device-row-actions button{white-space:nowrap;padding:8px 11px}.danger-button{background:#42232b;color:#ffb5bd;border:1px solid #78404a;border-radius:6px;padding:9px 13px;font-size:12px;font-weight:600}.danger-button:disabled{opacity:.5;cursor:default}.interface-toolbar{display:flex;gap:18px;justify-content:space-between;margin:24px 0 15px;align-items:center;color:#94acc2;font-size:12px}.interface-toolbar select,.interface-toolbar input{background:#142334;color:#c8d9e9;border:1px solid #3b5066;border-radius:6px;padding:10px;font:inherit}.inventory-back{border:0;background:none;color:#9edfc3;padding:0;margin-bottom:20px;font-size:12px}.interface-table{overflow:auto}.interface-table td{vertical-align:top;white-space:nowrap}.interface-category{display:inline-block;background:#263848;border:1px solid #3d556b;color:#c1dae9;border-radius:4px;padding:4px 7px;font-size:10px}.interface-id{display:block;font-size:9px;color:#5e7b93;margin-top:7px;font-family:monospace}.interface-up{color:#9ce0b9}.missing-interface{opacity:.5}.interface-empty{padding:25px;text-align:center}.inventory-run{border:1px solid #2c4853;border-radius:8px;background:#152a31;padding:17px 20px;margin:20px 0;font-size:12px}.inventory-run p{font-size:11px}.device-row-actions{flex-wrap:wrap;min-width:170px}@media(max-width:700px){.interface-toolbar{align-items:stretch;flex-direction:column}.interface-toolbar input{width:100%}}.polling-card{background:#121e2b;border:1px solid #32495d;border-radius:10px;margin:22px 0;overflow:hidden}.poll-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 24px 20px;color:#9bb2c9;font-size:12px}.polling-card select{background:#172b3b;color:#d0e1ed;border:1px solid #3d5368;border-radius:5px;padding:8px;max-width:200px}.system-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 24px;border-top:1px solid #2b4052;border-bottom:1px solid #2b4052}.system-metrics>div{padding:18px 8px}.system-metrics small{display:block;color:#7e96ad;font-size:10px;margin-bottom:9px}.system-metrics strong{font-size:18px;font-weight:550}.polling-card .form-error{margin:0 24px 18px}@media(max-width:700px){.system-metrics{grid-template-columns:1fr 1fr}.system-metrics strong{font-size:15px}}.analytics-section{border-top:1px solid #2d4255;margin-top:25px}.analytics-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 24px 20px;color:#9fb6cd;font-size:12px;flex-wrap:wrap}.metric-tabs{display:flex;gap:4px;background:#0c1723;padding:4px;border-radius:7px}.metric-tabs button{background:none;border:0;color:#849eb9;padding:9px 12px;font-size:11px;border-radius:5px}.metric-tabs .selected{background:#29483e;color:#b4efd1}.analytics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:5px 24px 20px}.analytics-summary small{display:block;color:#7791aa;font-size:10px;margin-bottom:8px}.analytics-summary strong{font-size:18px;font-weight:550}.analytics-legend{display:flex;gap:24px;padding:0 24px 10px;font-size:10px}.analytics-section .graph-foot p{font-size:10px;margin:4px 0}.analytics-section .section-head select{max-width:140px}@media(max-width:700px){.analytics-summary{grid-template-columns:1fr 1fr}.analytics-summary strong{font-size:16px}.metric-tabs button{padding:8px}.analytics-controls{align-items:flex-start}}.device-details{margin:24px 0;padding:24px;background:#131c2b;border:1px solid #28364c;border-radius:16px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-heading h2{margin:8px 0;font-size:22px}.detail-heading p{color:#91a2bb}.capability-list{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.capability{font-size:12px;padding:6px 10px;border-radius:8px;background:#1d2b3e;color:#bbcee4}.device-details td{max-width:360px;overflow-wrap:anywhere}.device-details .inventory-table{overflow-x:auto}.device-details .stats{margin:18px 0}@media(max-width:800px){.detail-heading{align-items:flex-start;flex-direction:column}.device-details{padding:16px}}.topology-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.topology-toolbar>input{flex:1;min-width:190px;background:#182434;border:1px solid #35445a;border-radius:8px;padding:10px;color:#e2edf5}.topology-toolbar label{font-size:13px;color:#b4c4d8}.topology-legend{font-size:12px;color:#a5b9cd;margin:15px 0;line-height:1.8}.topology-map{position:relative;border:1px solid #2d3d51;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at center,#182538,#0e1722)}.topology-canvas{height:520px;width:100%}.topology-empty{position:absolute;top:40%;left:20%;pointer-events:none;color:#b8c9dd}.topology-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.topology-bottom .device-details{min-width:0}.topology-list-item{display:block;text-align:left;width:100%;background:#1b2a3c;border:1px solid #2b4056;border-radius:8px;color:#c6d9eb;padding:12px;margin:8px 0;line-height:1.6;overflow-wrap:anywhere;cursor:pointer}.topology-list-item:hover{border-color:#8fd5b3}.topology-evidence{border-top:1px solid #304052;margin-top:15px;padding-top:15px;overflow-wrap:anywhere}.topology-evidence p{font-size:13px;color:#a6bcd1}.topology-page .stats{margin:20px 0}@media(max-width:950px){.topology-bottom{grid-template-columns:1fr}.topology-canvas{height:440px}}.nav-devices:not(.active){background:transparent;color:#8fa6bc}.nav-devices:not(.active):hover{background:#172536}.mobile-nav{display:none}@media(max-width:700px){.mobile-nav{display:flex;gap:10px;padding-top:15px}.topology-toolbar{gap:8px}.topology-toolbar .secondary-button{padding:9px}.topology-canvas{height:380px}}.network-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.network-tabs .selected-tab{border-color:#92e5be;color:#a7f0ce;background:#234138}.network-search{width:100%;background:#0f1927;border:1px solid #354960;border-radius:8px;color:#d9e7f5;padding:12px;margin-bottom:16px;font:inherit}.network-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;color:#96abc1;font-size:12px}.network-table td{white-space:normal!important;overflow-wrap:anywhere;max-width:260px}.network-table th{white-space:nowrap}.network-section .save-notice{margin:15px 0}.server-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#98adc3;margin:18px 0}.server-subsection{margin-top:26px;padding-top:20px;border-top:1px solid #2b3b50}.server-subsection h3{margin:0 0 10px;font-size:18px}.server-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.server-memory>div,.server-cores>div{padding:14px;background:#182638;border:1px solid #2b3d52;border-radius:8px}.server-memory small{display:block;color:#91a7bd;margin-bottom:8px}.server-memory strong{font-size:15px}.server-cores{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.server-cores>div{min-width:130px;flex:1;display:grid;gap:8px}.server-cores span{color:#91a7bd}.server-cores meter{width:100%}.server-table{overflow:auto}.server-table td{white-space:normal!important;overflow-wrap:anywhere;max-width:300px}.server-filter{display:block;margin:14px 0;color:#9fb4cc;font-size:12px}.server-capabilities{margin-top:20px;font-size:12px;color:#9fb4cc}.server-card select{background:#142337;color:#bed2e7;border:1px solid #3b526c;padding:10px;border-radius:7px}@media(max-width:800px){.server-memory{grid-template-columns:repeat(2,1fr)}.server-controls{align-items:flex-start;flex-direction:column}}.alerts-page{padding-bottom:25px}.alert-feed,.alert-settings{background:#111b27;border:1px solid #2b3a4c;border-radius:12px;margin-top:24px;overflow:hidden}.alert-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid #263749}.alert-tabs{display:flex;gap:7px;margin-right:auto}.alert-tabs .selected{background:#24473c;border-color:#518c74;color:#b4f1d3}.alerts-page select,.alerts-page input:not([type=checkbox]){background:#0e1925;color:#d9e7f4;border:1px solid #3b4e64;border-radius:6px;padding:10px;font:inherit;min-width:0}.alerts-page select{max-width:100%}.alert-stats .critical strong{color:#ffab9e}.alert-stats .muted{font-size:inherit;color:inherit}.alert-stats .muted strong{color:#e8c78d}.alert-stats .ok strong{color:#90dfb8}.incident-row{padding:22px;border-left:3px solid #d7aa65;border-bottom:1px solid #243548}.incident-row.critical{border-left-color:#f28479}.incident-row.resolved{border-left-color:#77bfa0}.alert-row-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.alert-row-title h3{font-size:15px;margin:0}.alert-pill{font-size:10px;border:1px solid #41526a;border-radius:15px;padding:4px 8px;color:#b8c9dc;white-space:nowrap;display:inline-block}.alert-pill.critical{color:#ffb3a9;background:#3d252a;border-color:#74434c}.alert-pill.warning{color:#eed39e;background:#382f21;border-color:#6b583c}.alert-pill.ok{color:#a2e7c3;background:#18352c;border-color:#35604e}.alert-pill.muted{color:#d9c89f;background:#2f302b;border-color:#5b584c}.incident-body{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:14px}.incident-body p{font-size:11px}.alert-ack{display:flex;gap:8px;flex-wrap:wrap}.alert-empty{text-align:center;padding:48px 24px}.alert-empty>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#19372e;color:#9ae6bf;font-size:25px;margin-bottom:18px}.alert-empty p{font-size:12px}.event-row{display:grid;grid-template-columns:10px 1fr auto;gap:18px;padding:20px 24px;border-bottom:1px solid #263749}.event-dot{width:8px;height:8px;border-radius:50%;background:#7caff1;margin-top:6px}.event-dot.warning{background:#e6be74}.event-dot.critical{background:#ed8b80}.event-row p,.event-row time{font-size:11px;color:#8fa5bc}.event-row details{font-size:11px;margin-top:9px;color:#9cb4ca}.event-row pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:750px;padding:12px;background:#0d1620;border-radius:5px}.alert-pagination{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:16px 22px}.alert-pagination small{margin-right:auto;color:#91a9bf}.alert-settings>.section-head{padding:22px}.alert-settings-columns{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #293d50}.alert-settings-columns>form{padding:24px}.alert-settings-columns>form+form{border-left:1px solid #293d50}.alert-settings h3{margin:0 0 18px;font-size:14px}.alert-settings p{font-size:12px}.alert-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.alert-field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#9db2c9;margin-bottom:14px}.alert-fields .alert-field{margin:0}.alert-check{display:inline-flex;gap:8px;align-items:center;color:#c0d3e2;font-size:12px}.alert-check input{accent-color:#7ed3b0}.alert-checks{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.alert-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.alert-help{font-size:11px!important;line-height:1.8;color:#8ea5bc;margin:14px 0}.alert-settings>.alert-help{padding:0 22px 15px}.alert-error,.alert-message{border:1px solid #734b51;background:#302128;padding:13px 17px;border-radius:7px;color:#ffb5af}.alert-message{border-color:#366451;background:#16362c;color:#a4e5c3}.alerts-page button:focus-visible,.alerts-page input:focus-visible,.alerts-page select:focus-visible{outline:2px solid #9ae6bf;outline-offset:3px}@media(max-width:1000px){.alert-settings-columns{grid-template-columns:1fr}.alert-settings-columns>form+form{border-left:0;border-top:1px solid #293d50}.incident-body{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.alert-toolbar{padding:14px}.alert-tabs{width:100%;overflow:auto}.alert-tabs button{white-space:nowrap}.alert-fields{grid-template-columns:1fr}.event-row{grid-template-columns:8px 1fr;padding:16px;gap:10px}.event-row time{grid-column:2}.alert-settings>.section-head{align-items:flex-start;gap:12px;flex-direction:column}.alert-ack{width:100%}.alert-ack input{flex:1}.alert-stats strong{font-size:23px}}.alert-nav-count{display:inline-block;padding:2px 6px;border-radius:10px;background:#713c42;color:#ffd1c9;font-size:10px;margin-left:5px}.alerts-page input[type=datetime-local]{color-scheme:dark}.guide-tag{border:1px solid #345447;border-radius:20px;padding:8px 14px;color:#a2dfc1;font-size:11px;background:#172b24}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.guide-catalog{position:sticky;top:24px;padding:20px 16px;background:#111c28;border:1px solid #283a4b;border-radius:10px}.guide-catalog>small,.guide-reading>small{display:block;font-size:10px;letter-spacing:1px;color:#8098b0;margin-bottom:15px}.guide-catalog-current{display:block;border-left:2px solid #86dcb5;background:#1b342c;padding:15px 12px;border-radius:0 6px 6px 0}.guide-catalog-current strong{display:block;color:#b2efd0;font-size:15px}.guide-catalog-current span{display:block;color:#8eb5a7;font-size:10px;margin-top:6px}.guide-catalog p{font-size:11px;margin:18px 2px}.guide-reading{border-top:1px solid #2b3c4e;padding-top:20px;margin-top:20px}.guide-reading button{display:block;text-align:left;background:none;border:0;color:#9db3c9;font-size:11px;padding:9px 0}.guide-reading button:hover{color:#b7f0d3}.guide-article{min-width:0;background:#111c28;border:1px solid #2b3d50;border-radius:12px;overflow:hidden}.guide-intro{padding:30px;background:linear-gradient(115deg,#19372e,#152333 78%);border-bottom:1px solid #315347}.guide-kicker{font-size:10px;letter-spacing:2px;color:#94cbb3}.guide-intro h2{font-size:27px;margin:13px 0}.guide-intro p{color:#a9bdce;font-size:13px}.guide-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.guide-meta span{border:1px solid #3c574d;color:#a9c5b7;border-radius:4px;padding:5px 9px;font-size:10px}.guide-callout{padding:20px 24px;background:#172f30;border-left:3px solid #80d5b5;margin:26px 30px;border-radius:4px}.guide-callout strong{font-size:14px;color:#b1e9d1}.guide-callout p{font-size:12px;color:#a3bdc5}.guide-step{display:flex;gap:18px;padding:28px 30px;border-top:1px solid #263849}.guide-step-number{flex:none;border:1px solid #3c5e50;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#9de1bc;font-size:12px;margin-top:0}.guide-step-content{min-width:0;flex:1}.guide-step h2{font-size:18px;margin:5px 0 15px}.guide-step p{font-size:12px;color:#a3b6c9;line-height:1.9}.guide-ip-field{display:flex;flex-direction:column;gap:9px;max-width:440px;margin:18px 0}.guide-ip-field>span{color:#bed2df;font-size:11px}.guide-ip-field input{background:#0d1823;border:1px solid #3c566c;border-radius:6px;padding:11px;color:#e2edf7;font:14px ui-monospace,monospace;width:100%}.guide-ip-field input[aria-invalid=true]{border-color:#d78383}.guide-ip-field small{font-size:10px;color:#7895ac}.guide-error{color:#ffb4ac!important}.guide-flow{display:flex;align-items:center;gap:20px;background:#0d1823;border:1px solid #293f52;border-radius:7px;padding:18px;margin:22px 0 4px}.guide-flow small{display:block;color:#748da5;font-size:10px;margin-bottom:6px}.guide-flow strong{font-size:13px;font-weight:500;color:#c0d8e8}.guide-flow b{font-weight:400;font-size:11px;color:#84cbb5;margin:auto}.guide-version-tabs{display:flex;gap:9px;margin:18px 0}.guide-version-tabs button{border:1px solid #3b4d60;border-radius:6px;background:#162536;color:#b9cee2;padding:11px 16px;font-size:12px}.guide-version-tabs button.selected{border-color:#548b74;background:#234637;color:#b8efd0}.guide-list{padding-left:20px;color:#b6c9da;font-size:12px;line-height:2}.guide-list li{padding:4px 0}.guide-table-wrap{overflow:auto;border:1px solid #2a4053;border-radius:7px;margin:20px 0}.guide-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.guide-table-wrap th{text-align:left;background:#192b3a;padding:13px 15px;color:#9bb6cc;font-weight:500;font-size:11px}.guide-table-wrap td{padding:13px 15px;border-top:1px solid #263a4c;vertical-align:top;line-height:1.7;color:#bdcede}.guide-table-wrap td:first-child{width:35%;color:#88cdb5}.guide-note{font-size:11px!important;color:#879fb6!important}.guide-cli,.guide-protocols{border:1px solid #2e465b;border-radius:7px;padding:15px 18px;margin:20px 0}.guide-cli summary,.guide-protocols summary{cursor:pointer;color:#a6dbc6;font-size:12px;line-height:1.8}.guide-cli pre{background:#0b141f;border:1px solid #253d50;border-radius:6px;padding:17px;overflow:auto;font:11px/1.9 ui-monospace,monospace;color:#add7c6;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.guide-cli button,.guide-protocols p{font-size:11px}.guide-sources{margin:0;padding:24px 30px;background:#0f1924;border-top:1px solid #2b3d50;line-height:1.8}.guide-sources strong{display:block;color:#91a9bf;font-size:11px;margin-bottom:10px}.guide-sources a{display:block;font-size:11px;margin-top:8px}.guides-page [id^=guide-part]{scroll-margin-top:20px}.guides-page button:focus-visible,.guides-page a:focus-visible,.guides-page input:focus-visible{outline:2px solid #93dfbd;outline-offset:3px}@media(max-width:1100px){.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.guide-catalog{padding:17px 12px}.guide-step{padding:24px 20px;gap:12px}.guide-callout{margin:24px 20px}}@media(max-width:800px){.guide-layout{grid-template-columns:1fr}.guide-catalog{position:static}.guide-reading{display:none}.guide-catalog p{margin-bottom:0}.guide-intro{padding:24px}.guide-intro h2{font-size:24px}}@media(max-width:700px){.mobile-nav{flex-wrap:wrap}.guide-step{padding:22px 15px;gap:10px}.guide-step h2{font-size:16px}.guide-step-number{width:27px;height:27px;font-size:10px}.guide-callout{margin:20px 15px;padding:16px}.guide-flow{flex-wrap:wrap;gap:12px;padding:14px}.guide-flow b{margin:0}.guide-version-tabs{flex-wrap:wrap}.guide-table-wrap th,.guide-table-wrap td{padding:10px;font-size:11px}.guide-table-wrap td:first-child{width:40%}.guide-cli,.guide-protocols{padding:12px}.guide-sources{padding:20px}.guide-meta{gap:6px}}.guide-catalog-link{display:block;padding:15px 12px;margin-top:5px;border-left:2px solid transparent}.guide-catalog-link strong{display:block;font-size:14px;color:#a0b6cb}.guide-catalog-link span{display:block;font-size:10px;color:#758da4;margin-top:6px}.guide-catalog-link:hover{background:#192c3a;border-radius:5px}.guide-catalog-current{margin-top:5px}.ubuntu-intro{background:linear-gradient(115deg,#3b2a34,#192938 78%)}.ubuntu-code{background:#0b141f;border:1px solid #2a4256;border-radius:7px;padding:17px;overflow:auto;font:11px/1.9 ui-monospace,monospace;color:#b8d9c9;white-space:pre-wrap;overflow-wrap:anywhere}.guide-download{display:inline-block;margin:15px 12px 15px 0;color:#b9e9ce}.guide-source-link{font-size:11px;white-space:nowrap}.topology-tabs{display:flex;gap:6px;margin:18px 0 4px;border-bottom:1px solid #2d3d51}.topology-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#9fb3c8;padding:10px 16px;font:inherit;cursor:pointer}.topology-tabs button.selected{color:#e2edf5;border-bottom-color:#89dfb7;font-weight:600}.topology-tabs button:focus-visible{outline:2px solid #89dfb7;outline-offset:2px}.manual-hint{flex:1;min-width:220px;font-size:13px;color:#a5b9cd}.manual-hint.active{color:#f5d97b;font-weight:600}main:has(.topology-page){max-width:none}.manual-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;margin-bottom:20px;align-items:stretch}.manual-layout .topology-map{min-width:0}.manual-palette{box-sizing:border-box;height:0;min-height:100%;overflow:auto;background:#131d2b;border:1px solid #2d3d51;border-radius:16px;padding:14px}.manual-palette h2{font-size:15px;margin:0 0 10px}.manual-palette h3{font-size:12px;color:#93a8be;margin:14px 0 6px;letter-spacing:.02em}.manual-palette input{width:100%;box-sizing:border-box;background:#182434;border:1px solid #35445a;border-radius:8px;padding:9px;color:#e2edf5}.manual-palette ul{list-style:none;margin:0;padding:0}.manual-palette-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#1b2a3c;border:1px solid #2b4056;border-radius:8px;padding:8px 10px;margin:6px 0;cursor:grab}.manual-palette-item:hover{border-color:#8fd5b3}.manual-palette-item span{min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.manual-palette-item strong{font-size:13px;color:#dbe8f5}.manual-palette-item small{font-size:12px;color:#93a8be}.manual-palette-item .secondary-button{padding:6px 10px;flex:none}.manual-empty{font-size:12px;color:#7f93a8}.manual-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.secondary-button.danger{color:#f3a3a3;border-color:#7a3b44}.manual-link-form{position:absolute;top:14px;right:14px;width:min(340px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;box-sizing:border-box;background:#131d2b;border:1px solid #3b5068;border-radius:14px;padding:16px;box-shadow:0 12px 30px #00000073;z-index:2}.manual-link-form h3{margin:0 0 12px;font-size:15px}.manual-link-form label{display:block;margin:10px 0}.manual-link-form label span{display:block;font-size:12px;color:#a5b9cd;margin-bottom:5px}.manual-link-form select,.manual-link-form input{width:100%;box-sizing:border-box;background:#182434;border:1px solid #35445a;border-radius:8px;padding:9px;color:#e2edf5;font:inherit}@media(max-width:950px){.manual-layout{grid-template-columns:1fr}.manual-palette{height:auto;min-height:0;max-height:260px}}.role-control{margin:14px 0;padding:12px;border:1px solid #2b4056;border-radius:10px;background:#162233}.role-control label span{display:block;font-size:12px;color:#a5b9cd;margin-bottom:5px}.role-control select{width:100%;max-width:280px;background:#182434;border:1px solid #35445a;border-radius:8px;padding:9px;color:#e2edf5;font:inherit}.role-basis{font-size:12px;color:#93a8be;margin:8px 0}.manual-import{width:min(420px,calc(100% - 28px))}.manual-import-list{list-style:none;margin:0;padding:0}.manual-import-list li{border-top:1px solid #2b4056;padding:8px 0}.manual-import-list label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.manual-import-list label.disabled{opacity:.6;cursor:default}.manual-import-list input{margin-top:4px}.manual-import-list span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.manual-import-list strong{font-size:13px}.manual-import-list small{font-size:12px;color:#93a8be}.manual-import-reason{color:#f3c27a!important}.manual-import-list label>input{width:auto;flex:none;margin:3px 0 0}.manual-import-list label>span{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin:0;font-size:13px;color:#dbe8f5}.name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.name-view{display:inline-flex;align-items:center;gap:6px}.name-edit{background:transparent;border:1px solid transparent;border-radius:6px;color:#8fa6bc;cursor:pointer;padding:2px 6px;font:inherit;line-height:1}.name-edit:hover,.name-edit:focus-visible{border-color:#35445a;color:#e2edf5}.name-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.name-form input{min-width:180px;flex:1;background:#182434;border:1px solid #35445a;border-radius:8px;padding:7px 9px;color:#e2edf5;font:inherit;font-size:14px}.name-form .primary-button,.name-form .secondary-button{padding:7px 10px}.name-error{color:#f3a3a3;flex-basis:100%}.name-badge{font-size:11px;border-radius:999px;padding:2px 8px;border:1px solid #4a5d75;color:#b8c9dd;white-space:nowrap}.name-badge.warn{border-color:#8a6d2b;color:#f5d97b}.name-hint{font-size:12px;color:#93a8be;margin:6px 0 0}.name-hint.warn{color:#f5d97b}.name-heading{display:flex}.device-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}.device-toolbar input[type=search]{flex:1 1 260px;min-width:200px}.device-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 10px;border:1px solid #2c3d52;border-radius:10px;background:#131c2b}.group-select{max-width:280px}.group-badges{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.group-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#1d3348;color:#bcd7f2;border:1px solid #2f4d6b}.group-badge.rule{background:#22301f;color:#cde8b5;border-color:#3d5a33}.group-panel{border:1px solid #2c3d52;border-radius:14px;padding:16px;margin:0 0 16px;background:#111a27}.group-create,.group-rule-form{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.group-create input{flex:1 1 280px}.group-rule-form input{flex:1 1 200px}.group-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.group-row{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:8px 10px;border:1px solid #233246;border-radius:10px}.group-row small{color:#8fa3b9;flex:1 1 220px}.group-rules{margin:6px 0 4px 12px;padding:10px;border-left:2px solid #2f4d6b}.group-rules ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.group-rules li{display:flex;gap:10px;align-items:center;justify-content:space-between}.group-preview{color:#cde8b5;margin:4px 0}.group-hint,.group-empty{display:block;color:#8fa3b9;font-size:12px;margin:4px 0}.group-checklist{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px;max-height:220px;overflow:auto}.group-checklist label{display:flex;gap:6px;align-items:center}.group-checklist label.disabled{color:#8fa3b9}.device-row-actions{position:relative}.group-popover{position:absolute;right:0;top:100%;z-index:20;min-width:260px;padding:12px;border:1px solid #2f4d6b;border-radius:12px;background:#131c2b;box-shadow:0 12px 30px #0008;text-align:left}.map-picker{display:flex;gap:6px;align-items:center}.map-create{border:1px dashed #2f4d6b;border-radius:14px;padding:24px;margin-top:12px}.group-maintenance{margin-top:16px;padding-top:14px;border-top:1px solid #233246;display:grid;gap:8px}.device-toolbar input,.device-toolbar select,.group-panel input,.group-panel select,.group-select,.map-picker select{border:1px solid #3a4e62;border-radius:6px;background:#0d1926;color:#e0ebf4;padding:9px 11px;font:inherit;font-size:12px;min-height:38px}.device-toolbar input:focus,.group-panel input:focus,.group-select:focus,.map-picker select:focus{outline:1px solid #8fdfbd;border-color:#8fdfbd}.inventory-card{margin-bottom:22px}.inv-list{grid-template-columns:170px 1fr;gap:12px 18px;font-size:12px;margin:18px 0 6px}.inv-list dd{display:flex;flex-wrap:wrap;gap:8px;align-items:center;overflow-wrap:anywhere}.inv-notes{white-space:pre-wrap}.inv-empty{color:#62778e}.inv-source{font-size:10px;padding:2px 7px;border-radius:999px;background:#1d2935;color:#8ea5bd;border:1px solid #2f4257}.inv-source.manual{background:#1d3348;color:#bcd7f2;border-color:#2f4d6b}.inv-revert{background:none;border:0;color:#83d5be;font-size:11px;padding:0;text-decoration:underline}.inv-form .inv-wide{grid-column:1/-1}.inv-form textarea{border:1px solid #3a4e62;border-radius:6px;background:#0d1926;padding:12px;color:#e0ebf4;font:inherit;width:100%}.form-field small{color:#7e91a8;font-size:10px}.inv-line{font-size:12px;color:#a9bdd1}.metric-history{margin-bottom:22px}.metric-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:18px}.metric-chart-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}.metric-chart-head h3{margin:0;font-size:14px}.metric-history select{border:1px solid #3a4e62;border-radius:6px;background:#0d1926;color:#e0ebf4;padding:9px 11px;font-size:12px}.mon-layout{display:grid;grid-template-columns:minmax(340px,430px) 1fr;gap:20px;align-items:start}.mon-list{border:1px solid #273443;border-radius:12px;background:#121b26;padding:12px;max-height:calc(100vh - 260px);overflow:auto;position:sticky;top:12px}.mon-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.mon-filters{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.mon-filters input{grid-column:1/-1}.mon-filters input,.mon-filters select,.mon-main select,.mon-chart-head select{border:1px solid #3a4e62;border-radius:6px;background:#0d1926;color:#e0ebf4;padding:8px 10px;font-size:12px}.mon-item{display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;gap:4px 10px;width:100%;text-align:left;background:#152131;border:1px solid #233246;border-radius:10px;padding:9px 10px;color:#dce5ef}.mon-item.selected{border-color:#8fdfbd;background:#1a2b2a}.mon-item .beat-bar{grid-column:1/-1}.mon-item-text strong{display:block;font-size:13px}.mon-item-text small{color:#8fa3b9;font-size:11px;overflow-wrap:anywhere}.mon-uptime{align-self:start;text-align:center;font-size:11px;font-weight:650;border-radius:999px;padding:3px 0;background:#1f6f4f;color:#d7ffe9}.mon-uptime.down{background:#7a2c35;color:#ffe1e4}.mon-uptime.pending{background:#7a6526;color:#fff2c9}.mon-uptime.paused{background:#38475a;color:#c9d6e3}.mon-uptime.maintenance{background:#244d78;color:#d7e9ff}.beat-bar{display:flex;gap:2px;height:22px;align-items:stretch}.beat-bar i{flex:1;min-width:3px;border-radius:3px;background:#2dbf86}.beat-bar i.down{background:#e5535f}.beat-bar i.pending{background:#e3b23c}.beat-bar i.maintenance{background:#3d8bd9}.beat-bar i.empty{background:#223042}.mon-main{border:1px solid #273443;border-radius:12px;background:#121b26;padding:22px;min-height:400px}.mon-detail-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.mon-detail-head h2{font-size:24px;margin:0}.mon-status-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.mon-status-line small{color:#f3a9b0}.mon-pill{display:inline-block;font-size:11px;font-weight:650;border-radius:999px;padding:3px 10px;background:#1f6f4f;color:#d7ffe9}.mon-pill.down{background:#7a2c35;color:#ffe1e4}.mon-pill.pending{background:#7a6526;color:#fff2c9}.mon-pill.paused{background:#38475a;color:#c9d6e3}.mon-pill.maintenance{background:#244d78;color:#d7e9ff}.mon-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:16px}.mon-stats .cert-warn strong,.mon-count.down strong{color:#f3a9b0}.mon-count.up strong{color:#98e8b5}.mon-count.pending strong{color:#f0d27b}.mon-chart-head{padding:6px 0}.mon-events{margin-bottom:10px}.mon-events td{padding:7px 10px}.mon-empty{text-align:center;padding:80px 20px}.mon-form .mon-timing{grid-template-columns:repeat(3,1fr)}.mon-checks{display:grid;gap:8px;font-size:12px;color:#b4c6d8;align-content:center}.mon-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2dbf86;margin-right:6px;vertical-align:middle}.mon-dot.down{background:#e5535f}.mon-dot.pending{background:#e3b23c}.mon-dot.paused{background:#5d6b7c}.device-monitors{margin-bottom:22px}.device-monitor-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.device-monitor-list li{display:grid;grid-template-columns:auto minmax(140px,1fr) 70px 70px minmax(160px,2fr);gap:12px;align-items:center;font-size:12px}.mon-open{margin-right:8px;padding:6px 10px}@media(max-width:1000px){.mon-layout{grid-template-columns:1fr}.mon-list{position:static;max-height:none}}.graph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(620px,1fr));gap:18px}.graph-card{border:1px solid #273443;border-radius:12px;background:#121b26;padding:16px 18px}.graph-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.graph-card-head h2{margin:0}.graph-chart{position:relative}.graph-readout{position:absolute;top:8px;display:grid;gap:3px;padding:8px 10px;background:#0d1926ee;border:1px solid #35475a;border-radius:8px;font-size:11px;pointer-events:none;max-width:320px}.graph-readout strong{color:#dce5ef}.graph-editor{border:1px solid #3b5268;border-radius:14px;background:#142130;padding:20px;margin-bottom:18px}.graph-editor input,.graph-editor select{border:1px solid #3a4e62;border-radius:6px;background:#0d1926;color:#e0ebf4;padding:8px 10px;font:inherit;font-size:12px}.graph-series{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}.graph-series li{display:grid;grid-template-columns:44px 1fr 140px auto;gap:8px;align-items:center}.graph-series input[type=color]{padding:2px;height:34px;width:44px}.graph-series small{color:#8fa3b9}.graph-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px dashed #35475a;border-radius:10px;margin:10px 0}.graph-fields{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#b4c6d8}.graph-preview{margin-top:10px}.graph-add{padding:4px 9px;font-size:11px;margin-left:6px;vertical-align:middle}@media(max-width:800px){.graph-grid{grid-template-columns:1fr}.graph-series li{grid-template-columns:44px 1fr auto}.graph-series small{display:none}}.set-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}.set-card{margin-top:18px}.set-card>.section-head{padding:20px 22px 6px}.set-form{padding:6px 22px 22px}.set-pad{padding:0 22px 18px}.set-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.set-actions a.secondary-button{text-decoration:none;color:inherit;display:inline-block}.set-preview{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;margin:0 0 18px;padding:10px 14px;border:1px dashed #35506a;border-radius:10px}.set-preview small{font-size:10px;color:#8fdfbd;border:1px solid #2f5747;border-radius:6px;padding:2px 6px}.set-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px}.set-table th{text-align:left;color:#8ea5bc;font-weight:600;padding:8px 10px;border-bottom:1px solid #293d50}.set-table td{padding:9px 10px;border-bottom:1px solid #1e2c3b;vertical-align:middle}.set-table td small{display:block;color:#7e91a8;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.set-table input{width:90px;background:#0d1926;border:1px solid #3a4e62;border-radius:6px;color:#e0ebf4;padding:7px 8px}.set-card .alert-field input,.set-card .alert-field select{background:#0d1926;border:1px solid #3a4e62;border-radius:6px;color:#e0ebf4;padding:8px 10px;font:inherit}.set-confirm{border:1px solid #78404a;background:#2b1a20;border-radius:10px;padding:14px 16px;color:#ffd0d4}.set-confirm p,.set-confirm ul{font-size:12px;margin:8px 0}.set-warn{border:1px solid #7a6526;background:#2b2614;border-radius:8px;padding:10px 12px;color:#f3dc9a;font-size:12px!important;line-height:1.7}.set-error-text{color:#f3a9b0!important}.set-code{background:#0b141e;border:1px solid #273443;border-radius:8px;padding:12px;font-size:12px;color:#cfe3f3;white-space:pre-wrap;overflow-wrap:anywhere}.set-services{list-style:none;margin:0;padding:6px 22px 20px;display:grid;gap:8px}.set-services li{display:grid;grid-template-columns:14px 200px 1fr;align-items:center;gap:10px;font-size:13px}.set-services small{color:#8ea5bc}.set-dot{width:10px;height:10px;border-radius:50%;background:#7a2c35}.set-dot.ok{background:#55d39a}.set-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:6px 22px 22px}@media(max-width:700px){.set-services li{grid-template-columns:14px 1fr}.set-services small{grid-column:2}}.rack-group{margin-top:22px}.rack-group>h2{font-size:15px;color:#9db2c9;margin:0 0 12px}.rack-grid{display:flex;flex-wrap:wrap;gap:16px}.rack-card{background:#111b27;border:1px solid #2b3a4c;border-radius:12px;padding:12px;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:220px}.rack-card:hover{border-color:#8fdfbd}.rack-card.bad{border-color:#a3404c;box-shadow:0 0 0 1px #a3404c55}.rack-card.warn{border-color:#a37a2c}.rack-card-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.rack-card-head small{color:#8ea5bc}.rack-thumb{display:flex;justify-content:center;pointer-events:none}.rack-counts{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#9db2c9}.rack-counts .ok{color:#7fe0b0}.rack-counts .warn{color:#f0c36b}.rack-counts .bad{color:#ff8b97}.rack-counts .maint{color:#8cc3ff}.rack-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.rack-toolbar h2{margin:0;font-size:20px}.rack-toolbar small{color:#8ea5bc}.rack-layout{display:grid;grid-template-columns:minmax(0,auto) minmax(300px,380px);gap:20px;align-items:start}.rack-stage{overflow:auto;background:#0b121b;border:1px solid #233246;border-radius:12px;padding:14px;touch-action:none;-webkit-user-select:none;user-select:none}.rack-stage.dragging{cursor:grabbing}.rack-svg{display:block;max-width:100%;height:auto}.rack-svg .rk-item{cursor:grab}.rack-svg .rk-item:focus{outline:none}.rack-svg .rk-item:focus-visible .rk-body{filter:drop-shadow(0 0 3px #8fdfbd)}.rack-right{display:grid;gap:14px;position:sticky;top:12px}.rack-side,.rack-detail{background:#111b27;border:1px solid #2b3a4c;border-radius:12px;padding:14px}.rack-side h3,.rack-detail h3{margin:0 0 6px;font-size:14px}.rack-detail .section-head{display:flex;justify-content:space-between;gap:10px}.rack-detail p{font-size:12px;color:#9db2c9;margin:4px 0}.rack-palette{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:6px}.rack-palette li{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;background:#152131;border:1px solid #233246;border-radius:8px;padding:7px 9px;cursor:grab;touch-action:none}.rack-palette.passive li{grid-template-columns:16px 1fr}.rack-palette strong{display:block;font-size:12px}.rack-palette small{color:#8fa3b9;font-size:10px}.rack-palette .secondary-button{padding:5px 9px}.rack-grip{color:#5d7086}.rack-facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12px;margin:10px 0}.rack-facts dt{color:#8ea5bc}.rack-facts dd{margin:0}.rack-incidents{list-style:none;padding:0;margin:8px 0;font-size:12px;display:grid;gap:4px}.rack-incidents li{border-left:3px solid #e8961c;padding-left:8px}.rack-incidents li.critical{border-color:#ff4d5e}.rack-edit{display:grid;gap:10px;margin-top:8px}.rack-edit .form-field input,.rack-edit .form-field select{background:#0d1926;border:1px solid #3a4e62;border-radius:6px;color:#e0ebf4;padding:7px 9px}.rack-tip{position:fixed;z-index:120;background:#0b141e;border:1px solid #3a4e62;border-radius:8px;padding:8px 10px;font-size:11px;display:grid;gap:2px;pointer-events:none;max-width:280px;box-shadow:0 6px 20px #0008}.rack-tip small{color:#8ea5bc}.rack-tip .warn{color:#f0c36b}.rack-badge{background:#1b2d3f;border:1px solid #35506a;border-radius:6px;color:#9ccbf5;font-size:10px;padding:2px 7px;margin-left:6px;cursor:pointer;white-space:nowrap}.rack-dialog{max-width:640px;width:100%;display:grid;gap:14px}.rack-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rack-type{background:#152131;border:1px solid #2f4257;border-radius:8px;padding:10px;color:inherit;text-align:left;cursor:pointer;display:grid;gap:3px}.rack-type.selected{border-color:#8fdfbd;background:#1a2b2a}.rack-type small{color:#8ea5bc;font-size:10px}.rack-sizes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rack-sizes .secondary-button{padding:6px 10px}.rack-sizes .selected{border-color:#8fdfbd;color:#8fdfbd}.rack-custom{font-size:12px;color:#9db2c9}.rack-custom input{width:64px;background:#0d1926;border:1px solid #3a4e62;border-radius:6px;color:#e0ebf4;padding:6px}@media(max-width:1100px){.rack-layout{grid-template-columns:1fr}.rack-right{position:static}.rack-types{grid-template-columns:1fr 1fr}}.rack-canvas{position:relative;display:inline-block;max-width:100%}.rack-blink-layer{position:absolute;inset:0;pointer-events:none;contain:strict}.rk-b{position:absolute;background:#0b0f14;opacity:0;will-change:opacity;animation:rk-off 1.6s steps(1) infinite}.rk-b.a2{animation-duration:.8s}.rk-b.a3{animation-duration:.32s}.rk-b.a4{animation-duration:.14s}.rk-b.pulse{border-radius:50%;animation:rk-dim 1.4s ease-in-out infinite}@keyframes rk-off{0%,49%{opacity:0}50%,to{opacity:.85}}@keyframes rk-dim{0%,to{opacity:0}50%{opacity:.75}}@media(prefers-reduced-motion:reduce){.rk-b{animation:none;opacity:0}}.dash-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dash-refresh{font-size:12px;color:#9db2c9}.dash-refresh select{background:#0d1926;border:1px solid #3a4e62;border-radius:6px;color:#e0ebf4;padding:7px}.dash-name{font-size:26px;font-weight:700;background:#0d1926;border:1px solid #3a4e62;border-radius:8px;color:#e8f0f7;padding:4px 10px;margin:4px 0}.dash-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.dash-grid{display:grid;margin-top:8px;position:relative}.dash-grid.editing{background-image:linear-gradient(#1c2a3a 1px,transparent 1px),linear-gradient(90deg,#1c2a3a 1px,transparent 1px);background-size:calc((100% + 12px)/12) 76px;border-radius:8px}.dash-widget{background:#111b27;border:1px solid #2b3a4c;border-radius:12px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative}.dash-grid.editing .dash-widget{border-style:dashed;border-color:#4b6a88}.dash-widget-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px 4px}.dash-grid.editing .dash-widget-head{cursor:grab;touch-action:none;background:#152131}.dash-widget-head h3{margin:0;font-size:13px;color:#cfe0ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-widget-tools{display:flex;gap:4px}.dash-widget-tools button{padding:3px 8px}.dash-widget-body{flex:1;min-height:0;overflow:auto;padding:6px 12px 12px;position:relative}.dash-shield{position:absolute;inset:0;z-index:5}.dash-resize{position:absolute;right:2px;bottom:2px;width:16px;height:16px;cursor:nwse-resize;touch-action:none;z-index:6;background:linear-gradient(135deg,transparent 50%,#8fdfbd 50%);border-radius:0 0 10px}.dash-dialog{max-width:720px;width:100%;display:grid;gap:14px}.dash-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dw-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;height:100%}.dw-tile{background:#152131;border:1px solid #2b3a4c;border-left:4px solid #3ee08f;border-radius:10px;padding:10px 12px;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0}.dw-tile.warn{border-left-color:#f0c36b}.dw-tile.bad{border-left-color:#ff4d5e;background:#2a1820}.dw-tile small{color:#8ea5bc;font-size:11px}.dw-tile strong{font-size:22px}.dw-tile span{font-size:11px;color:#b6c7d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-problems,.dw-monitors,.dw-events{list-style:none;margin:0;padding:0;display:grid;gap:6px}.dw-problems li{display:grid;grid-template-columns:20px 1fr auto auto;gap:8px;align-items:center;background:#152131;border-left:3px solid #e8961c;border-radius:6px;padding:6px 8px}.dw-problems li.critical{border-color:#ff4d5e}.dw-problems strong{display:block;font-size:12px}.dw-problems small{color:#8ea5bc;font-size:10px}.dw-problems button{padding:4px 9px}.dw-sev{color:#ff8b97;text-align:center}.dw-problems li.warning .dw-sev{color:#f0c36b}.dw-ago{white-space:nowrap}.dw-allgood{height:100%;display:flex;align-items:center;justify-content:center;color:#7fe0b0;font-size:22px;font-weight:700;text-align:center}.dw-empty,.dw-more{color:#8ea5bc;font-size:12px}.dw-table{width:100%;border-collapse:collapse;font-size:12px}.dw-table td{padding:6px 4px;border-bottom:1px solid #1e2c3b;vertical-align:middle}.dw-table small{color:#8ea5bc}.dw-rank{color:#6f8296;width:18px}.dw-num{text-align:right;white-space:nowrap;font-weight:600}.dw-sp{width:84px;color:#70d9ba}.dw-muted{color:#8ea5bc}.dw-click{cursor:pointer}.dw-click:hover{background:#18273a}.dw-spark{width:80px;height:24px;display:block}.dw-spark-empty{display:block;width:80px}.dw-monitors li{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;font-size:12px}.dw-monitors .beat-bar{grid-column:1/-1}.dw-events li{display:grid;grid-template-columns:auto 1fr;gap:8px;font-size:12px;border-left:3px solid #35506a;padding-left:8px}.dw-events li.critical{border-color:#ff4d5e}.dw-events li.warning{border-color:#e8961c}.dw-events small{color:#8ea5bc;white-space:nowrap}.dw-graph{cursor:pointer}.dw-graph svg{width:100%;height:auto}.dw-rack{height:100%;display:flex;justify-content:center;align-items:flex-start;cursor:pointer;container-type:size}.dw-rack-canvas{flex:none}.dw-rack-canvas>svg{width:100%;height:100%;max-width:none}.dw-topo{height:100%;min-height:200px}.dw-topo>*{height:100%}.dash-tv-banner{font-size:26px;font-weight:800;padding:14px 20px;border-radius:12px;margin-bottom:12px;background:#16362c;color:#a4e5c3}.dash-tv-banner.bad{background:#5a1a24;color:#ffd3d8}.dash-tv-banner small{font-size:14px;font-weight:500;opacity:.8}.dash-tv-banner{display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-tv-banner>div:first-child small{display:block;margin-top:4px}.dash-tv-banner.stale{background:#3a3f48;color:#eef1f5}.dash-tv-clock{text-align:right;white-space:nowrap}.dash-tv-clock strong{display:block;font-size:52px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:1px}.dash-tv-clock small{display:block;margin-top:6px}.dash-tv-exit{position:fixed;right:14px;bottom:14px;opacity:.35;z-index:50}.dash-tv-exit:hover{opacity:1}body.tv-mode aside,body.tv-mode main>header,body.tv-mode .mobile-nav{display:none!important}body.tv-mode main{margin:0!important;padding:16px!important;max-width:none!important;width:100%!important}body.tv-mode .dw-tile strong{font-size:30px}@media(max-width:900px){.dash-grid{display:flex!important;flex-direction:column}.dash-widget{min-height:220px}.dw-tiles,.dash-types{grid-template-columns:1fr 1fr}}.brand-logo{object-fit:contain;background:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;margin:0;width:100%;max-width:none}.auth-card{width:min(400px,100%);display:grid;gap:14px;background:#111b27;border:1px solid #2b3a4c;border-radius:14px;padding:28px}.auth-card h1{margin:4px 0 0;font-size:24px}.auth-card p{margin:0;color:#9fb1c6}.auth-brand{display:flex;gap:10px;align-items:center}.auth-brand strong{display:block;font-size:18px}.auth-brand small{color:#7e91a8}.auth-hint{color:#7e91a8;font-size:11px;margin-top:-8px}.auth-foot{font-size:12px}.user-menu{display:flex;gap:8px;align-items:center;margin-left:8px}.user-chip{display:flex;flex-direction:column;line-height:1.2;text-align:right}.user-chip small{color:#7e91a8;font-size:10px}.user-menu .secondary-button{padding:6px 10px;font-size:12px}.auth-denied{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:80;margin:0;background:#5a1a24;color:#ffd3d8;border:1px solid #8a2a38;border-radius:10px;padding:12px 18px;box-shadow:0 8px 30px #0008}.user-roles{display:grid;gap:8px}.user-roles label{display:block;cursor:pointer}.user-roles input{margin-right:6px}.user-roles small{display:block;margin-top:4px}.set-table tr.user-off td{opacity:.55}.audit-search{flex:1;min-width:220px;background:#0d1926;border:1px solid #3a4e62;border-radius:6px;color:inherit;padding:9px 11px}.notify-kinds{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:6px}.notify-kinds input{margin-right:6px}.notify-dialog h3{font-size:13px;margin:16px 0 6px}.notify-dialog .alert-fields{grid-template-columns:repeat(3,1fr);margin:8px 0}@media(max-width:700px){.notify-kinds{grid-template-columns:1fr 1fr}.notify-dialog .alert-fields{grid-template-columns:1fr}}@media(min-width:701px){aside{overflow-y:auto;display:flex;flex-direction:column}}.alert-parent{padding:22px 24px;border-top:1px solid #293d50}.alert-parent select{min-width:min(320px,100%);max-width:100%}.duplicate-warning{border:1px solid #6b583c;background:#382f21;color:#eed39e;border-radius:8px;padding:12px 14px;margin:10px 0}.duplicate-warning p{font-size:12px;margin:6px 0 10px;color:#e6d3ac}.scan-dialog{width:min(900px,100%)}.scan-form{margin-bottom:12px}.scan-progress{display:grid;gap:8px;margin:14px 0}.scan-progress progress{width:100%}.scan-summary{font-size:12px;color:#9db2c9}.scan-add{justify-content:space-between;margin-top:12px}.scan-results td small{display:block}.scan-results td button{white-space:nowrap}
