@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-vietnamese-700-normal-Dm7RZTvf.woff2) format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-700-normal-BvUTSFNY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-ext-700-normal-BhgEo64M.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-700-normal-C0vCoZIV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2) format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #12395b;--deep: #0b2438;--steel: #5a6472;--mist: #edf1f4;--signal: #0f6e8c;--signal-dark: #0b5670;--line: #d5dce4;--line-soft: #e6ebf0;--free: #e3e9ee;--text: #1a2530;--danger: #9c0006;--danger-bg: #fcebeb;--ok: #1e7a5f;--ok-bg: #e4f1ec;--warn-bg: #fff6d9;--warn: #7a5c00;--radius: 6px;--cond: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--sans: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--sidebar: 276px;--paper: #ffffff;--sunken: #f4f7fa;--field: #ffffff;--hover: rgba(18,57,91,.06);--ink-solid: #12395b;--on-ink: #ffffff;--line-strong: #aebac6;--reserved: #cdd5dd;--gw-bg: #dce6f1;--muted-bg: #eceff2;--muted-fg: #7a8591;--ok-fg: #145541;--ok-line: #bfdccf;--warn-line: #efdca5;--danger-line: #e7c2c2;--info-bg: #e8f3f7;--info-fg: #0b4b60;--info-line: #bcdbe6;--hatch-a: #bcdbe6;--hatch-b: #e8f3f7;--shadow: rgba(11,36,56,.16);color-scheme:light}html[data-theme=dark]{--ink: #dbe8f3;--deep: #07111a;--steel: #93a5b5;--mist: #0e1821;--paper: #16222e;--sunken: #1c2a37;--field: #111c26;--line: #2b3c4c;--line-soft: #223342;--free: #263847;--text: #d6e0e8;--hover: rgba(255,255,255,.06);--ink-solid: #cfe0ee;--on-ink: #0b2438;--line-strong: #41566a;--reserved: #3b4c5c;--gw-bg: #243a50;--muted-bg: #243240;--muted-fg: #8795a3;--ok: #56c29a;--ok-bg: #173a2e;--ok-fg: #8fdcbc;--ok-line: #25574a;--warn: #e7c46a;--warn-bg: #3a3214;--warn-line: #5c4d1d;--danger: #ff8f8f;--danger-bg: #3e1d1d;--danger-line: #6b2f2f;--info-bg: #13313c;--info-fg: #93d3e8;--info-line: #22505f;--hatch-a: #1f4a58;--hatch-b: #16303a;--shadow: rgba(0,0,0,.45);--signal: #1b8bb0;--signal-dark: #2199c2;color-scheme:dark}@media(prefers-color-scheme:dark){html[data-theme=auto]{--ink: #dbe8f3;--deep: #07111a;--steel: #93a5b5;--mist: #0e1821;--paper: #16222e;--sunken: #1c2a37;--field: #111c26;--line: #2b3c4c;--line-soft: #223342;--free: #263847;--text: #d6e0e8;--hover: rgba(255,255,255,.06);--ink-solid: #cfe0ee;--on-ink: #0b2438;--line-strong: #41566a;--reserved: #3b4c5c;--gw-bg: #243a50;--muted-bg: #243240;--muted-fg: #8795a3;--ok: #56c29a;--ok-bg: #173a2e;--ok-fg: #8fdcbc;--ok-line: #25574a;--warn: #e7c46a;--warn-bg: #3a3214;--warn-line: #5c4d1d;--danger: #ff8f8f;--danger-bg: #3e1d1d;--danger-line: #6b2f2f;--info-bg: #13313c;--info-fg: #93d3e8;--info-line: #22505f;--hatch-a: #1f4a58;--hatch-b: #16303a;--shadow: rgba(0,0,0,.45);--signal: #1b8bb0;--signal-dark: #2199c2;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--text);background:var(--mist);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--cond);font-weight:600;color:var(--ink);margin:0;line-height:1.15}h1{font-size:34px;letter-spacing:-.01em}h2{font-size:22px}h3{font-size:17px}a{color:var(--signal)}p{margin:0 0 12px}.num{font-variant-numeric:tabular-nums}.ip{font-family:var(--cond);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}.muted{color:var(--steel)}.small{font-size:13px}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font:500 14px/1 var(--sans);padding:10px 16px;border-radius:4px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--line-strong);background:var(--sunken)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--signal);border-color:var(--signal);color:#fff}.btn.primary:hover{background:var(--signal-dark);border-color:var(--signal-dark)}.btn.danger{color:var(--danger);border-color:var(--danger-line)}.btn.danger:hover{background:var(--danger-bg)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--hover)}.btn.sm{padding:7px 11px;font-size:13px}.btn svg{width:16px;height:16px;flex:none}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:var(--steel)}.field .hint{font-weight:400;font-size:12px}input,select,textarea{font:400 15px var(--sans);color:var(--text);padding:9px 11px;border:1px solid var(--line);border-radius:4px;background:var(--field);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px #0f6e8c26}input[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--sunken);color:var(--steel)}textarea{resize:vertical;min-height:70px}.check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text)}.check input{width:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 16px}.span2{grid-column:span 2}.span3{grid-column:1 / -1}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.notice{padding:12px 14px;border-radius:4px;font-size:14px;border:1px solid}.notice.error{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.notice.ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-fg)}.notice.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.notice.info{background:var(--info-bg);border-color:var(--info-line);color:var(--info-fg)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:22px 24px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--free);color:var(--steel);white-space:nowrap}.pill.assigned{background:var(--ok-bg);color:var(--ok-fg)}.pill.gateway{background:var(--gw-bg);color:var(--ink)}.pill.dhcp{background:var(--info-bg);color:var(--info-fg)}.pill.reserved,.pill.network,.pill.broadcast{background:var(--muted-bg);color:var(--muted-fg)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.off{background:var(--muted-bg);color:var(--muted-fg)}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:14px 36px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.content{padding:30px 36px 60px;max-width:1480px;width:100%}.sidebar{background:var(--deep);color:#c9d6e2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;padding:20px 20px 16px;color:#fff;text-decoration:none}.brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:2px}.brand-mark span{width:7px;height:7px;border-radius:1px;background:#2a4a66}.brand-mark span.on{background:var(--paper)}.brand-mark span.t{background:var(--signal)}.brand-mark span.g{background:#2f9b7a}.brand b{font:700 21px var(--cond);letter-spacing:.01em}.brand small{display:block;font-size:11.5px;color:#7f97ad;font-weight:500;margin-top:-2px}.proj-select{margin:4px 16px 12px;position:relative}.proj-select select{background:#13324d;color:#fff;border:1px solid #23476a;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.proj-select:after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:2px solid #8fb2cc;border-bottom:2px solid #8fb2cc;transform:translateY(-70%) rotate(45deg);pointer-events:none}.side-scroll{flex:1;overflow-y:auto;padding:0 10px 12px}.side-scroll::-webkit-scrollbar{width:6px}.side-scroll::-webkit-scrollbar-thumb{background:#23476a;border-radius:3px}.side-group{font-size:12px;font-weight:600;color:#6f89a1;padding:14px 10px 6px}.side-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;color:#c9d6e2;text-decoration:none;font-size:14px;position:relative}.side-link:hover{background:#13324d;color:#fff}.side-link.active{background:#17405f;color:#fff}.side-link svg{width:17px;height:17px;opacity:.8;flex:none}.vlan-link{padding:7px 10px 7px 14px}.vlan-link:before{content:"";position:absolute;left:3px;top:7px;bottom:7px;width:4px;border-radius:2px;background:var(--c)}.vlan-link .vid{font:700 15px var(--cond);color:#fff;width:34px;font-variant-numeric:tabular-nums}.vlan-link .vname{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlan-link .vuse{font:500 12px var(--cond);color:#7f97ad;font-variant-numeric:tabular-nums}.vlan-link.spare{opacity:.6}.side-foot{border-top:1px solid #1b3d5b;padding:12px 16px 14px;font-size:13px}.side-user{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--signal);color:#fff;display:grid;place-items:center;font:600 13px var(--sans);flex:none}.side-user .who{flex:1;min-width:0}.side-user .who b{display:block;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user .who span{color:#7f97ad;font-size:12px}.side-foot .ver{color:#56708a;font-size:11.5px;margin-top:10px}.icon-btn{background:none;border:0;color:#8fb2cc;cursor:pointer;padding:6px;border-radius:4px;display:grid;place-items:center}.icon-btn:hover{background:#13324d;color:#fff}.icon-btn svg{width:18px;height:18px}.search{position:relative;flex:1;max-width:520px}.search input{padding-left:36px;background:var(--sunken);border-color:var(--line-soft)}.search input:focus{background:var(--field)}.search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--steel)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px var(--shadow);max-height:420px;overflow-y:auto;z-index:40}.sr-item{display:grid;grid-template-columns:6px 112px 1fr;gap:12px;align-items:center;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line-soft)}.sr-item:last-child{border-bottom:0}.sr-item:hover,.sr-item.sel{background:var(--sunken)}.sr-item .bar{width:4px;height:30px;border-radius:2px;background:var(--c)}.sr-item .meta{font-size:12.5px;color:var(--steel)}.sr-empty{padding:14px;color:var(--steel);font-size:14px}.page-head{display:flex;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}.page-head .lead{color:var(--steel);margin-top:6px;max-width:70ch}.rev{display:inline-block;font:600 14px var(--cond);color:var(--ink);border:1.5px solid var(--ink);border-radius:3px;padding:1px 7px;margin-left:10px;vertical-align:6px}.totals{display:flex;gap:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:26px;overflow:hidden}.totals>div{flex:1;padding:14px 20px;border-right:1px solid var(--line-soft)}.totals>div:last-child{border-right:0}.totals b{display:block;font:600 26px var(--cond);color:var(--ink);font-variant-numeric:tabular-nums}.totals span{font-size:13px;color:var(--steel)}.rack{display:flex;flex-direction:column;gap:8px}.rack-row{display:grid;grid-template-columns:84px minmax(180px,1.2fr) minmax(180px,1fr) minmax(220px,1.3fr) 110px;align-items:center;gap:20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0 20px 0 0;text-decoration:none;color:inherit;min-height:74px;overflow:hidden;transition:border-color .12s}.rack-row:hover{border-color:var(--line-strong)}.rack-row.spare{background:var(--sunken)}.rack-tab{align-self:stretch;background:var(--c);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.rack-tab small{font:500 11px var(--cond);opacity:.8}.rack-tab b{font:700 26px var(--cond);line-height:1;font-variant-numeric:tabular-nums}.rack-name b{font:600 17px var(--cond);color:var(--ink);display:block}.rack-name span{font-size:13px;color:var(--steel);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rack-net div{font-size:13px;color:var(--steel)}.rack-net .ip{color:var(--ink);font-size:16px}.rack-use .strip{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:6px}.rack-use .strip i{width:9px;height:14px;border-radius:1px;background:var(--free);position:relative;overflow:hidden}.rack-use .strip i>u{position:absolute;left:0;right:0;bottom:0;background:var(--c)}.rack-use .strip i.dh{background:repeating-linear-gradient(135deg,var(--hatch-a) 0 2px,var(--hatch-b) 2px 4px)}.rack-use .txt{font-size:13px;color:var(--steel)}.rack-count{text-align:right}.rack-count b{font:600 20px var(--cond);color:var(--ink);font-variant-numeric:tabular-nums;display:block}.rack-count span{font-size:12px;color:var(--steel)}.section-title{display:flex;align-items:center;gap:12px;margin:30px 0 12px}.section-title h2{font-size:19px}.vhead{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-bottom:22px}.vchip{width:86px;height:86px;border-radius:var(--radius);background:var(--c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.vchip small{font:500 12px var(--cond);opacity:.85}.vchip b{font:700 36px var(--cond);line-height:1;font-variant-numeric:tabular-nums}.vhead h1{font-size:30px}.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px}.facts>div{padding:13px 18px;border-right:1px solid var(--line-soft);min-width:0}.facts>div:last-child{border-right:0}.facts span{display:block;font-size:12.5px;color:var(--steel)}.facts b{display:block;font:600 17px var(--cond);color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts b.pending{color:var(--warn);font-family:var(--sans);font-size:14px;font-weight:500;padding-top:3px}.map-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.map-panel{padding:18px 20px 20px}.map-panel h3{margin-bottom:4px}.blocks{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}.block{width:62px;height:46px;border:1px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer;position:relative;overflow:hidden;padding:4px 0 0;font:600 13px var(--cond);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}.block .fill{position:absolute;left:0;right:0;bottom:0;background:var(--c);opacity:.9}.block .lab{position:relative;z-index:1}.block .cnt{position:relative;z-index:1;display:block;font:500 10.5px var(--sans);color:var(--steel)}.block.dhcp{background:repeating-linear-gradient(135deg,var(--hatch-a) 0 3px,var(--hatch-b) 3px 6px)}.block.sel{border:2px solid var(--ink-solid);padding-top:3px}.block:hover{border-color:var(--line-strong)}.cells{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;max-width:440px}.cell{aspect-ratio:1;border-radius:2px;background:var(--free);border:0;padding:0;cursor:pointer;position:relative}.cell:hover{outline:2px solid var(--ink);outline-offset:1px;z-index:2}.cell.assigned{background:var(--c)}.cell.gateway{background:var(--ink-solid)}.cell.gateway:after{content:"";position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;background:var(--on-ink)}.cell.dhcp{background:repeating-linear-gradient(135deg,var(--hatch-a) 0 2px,var(--hatch-b) 2px 4px);cursor:default}.cell.network,.cell.broadcast,.cell.reserved{background:var(--reserved);cursor:default}.cell.sel{outline:3px solid var(--signal);outline-offset:1px;z-index:3}.cell.flash{animation:flash 1.2s ease-out}@keyframes flash{0%{box-shadow:0 0 0 4px #0f6e8cb3}to{box-shadow:0 0 #0f6e8c00}}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--steel)}.legend i{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:-2px;margin-right:6px;background:var(--free)}.editor{position:sticky;top:86px;padding:20px 22px}.editor .ipbig{font:700 30px var(--cond);color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.editor form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.editor .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor .meta{font-size:12.5px;color:var(--steel);margin-top:12px}.editor-empty{color:var(--steel);font-size:14px}.editor-empty svg{width:34px;height:34px;color:var(--steel);display:block;margin-bottom:8px}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-weight:600;font-size:12.5px;color:var(--steel);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--sunken);white-space:nowrap;position:sticky;top:0}.tbl td{padding:8px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl td.nw,.tbl th.nw{white-space:nowrap}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--sunken)}.tbl tr.sel td{background:var(--info-bg)}.tbl tr.dim td{color:var(--muted-fg)}.tbl .ip{color:var(--ink)}.tabs{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.tabs button{border:0;background:var(--paper);padding:7px 13px;font:500 13px var(--sans);color:var(--steel);cursor:pointer;border-right:1px solid var(--line)}.tabs button:last-child{border-right:0}.tabs button.on{background:var(--ink-solid);color:var(--on-ink)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b243873;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--paper);border-radius:8px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 60px #0b24384d}.modal-head{display:flex;align-items:center;padding:20px 24px 0}.modal-body{padding:18px 24px 22px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px;border-top:1px solid var(--line-soft);background:var(--sunken);border-radius:0 0 8px 8px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:4px;border:2px solid transparent;cursor:pointer;background:var(--c)}.swatch.on{border-color:var(--ink-solid);box-shadow:inset 0 0 0 2px var(--paper)}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:var(--deep);color:#fff;padding:11px 16px;border-radius:6px;font-size:14px;box-shadow:0 10px 28px #0b24384d;max-width:380px;animation:tin .18s ease-out}.toast.error{background:var(--danger)}.toast.ok{background:var(--ok)}@keyframes tin{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1fr) minmax(380px,520px);background:var(--paper)}.auth-art{background:var(--deep);color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-art h2{color:#fff;font-size:42px;max-width:16ch;line-height:1.08}.auth-art p{color:#9fb6cb;max-width:44ch;margin-top:14px}.auth-top b{font:600 19px var(--cond);color:#fff;letter-spacing:.01em}.auth-foot{color:#fff;font:600 15px var(--cond);letter-spacing:.01em}.art-grid{display:grid;grid-template-columns:repeat(24,14px);gap:4px;margin:36px 0}.art-grid i{width:14px;height:14px;border-radius:2px;background:#15344f}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:48px 56px}.auth-form form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.auth-form h1{font-size:30px}.auth-logo{width:240px;height:auto;margin-bottom:40px;display:block}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--ok)}.status-dot.pending{background:#c59300}.status-dot.off{background:var(--muted-fg)}.linkbox{display:flex;gap:8px;margin-top:10px}.linkbox input{font-size:13px;background:var(--paper)}.audit-act{font-weight:500;color:var(--ink)}.checks{display:flex;flex-wrap:wrap;gap:8px 10px}.checks label{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:14px;cursor:pointer}.checks label.on{border-color:var(--signal);background:var(--info-bg);color:var(--info-fg)}.checks input{width:auto;margin:0}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:12.5px;padding:2px 8px;border-radius:3px;background:var(--sunken);color:var(--ink);white-space:nowrap}.chip.all{background:var(--gw-bg);font-weight:500}.chip.none{background:var(--warn-bg);color:var(--warn)}@media(max-width:1180px){.map-wrap{grid-template-columns:1fr}.editor{position:static}.rack-row{grid-template-columns:70px 1fr 1fr 100px}.rack-use{display:none}.facts{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){:root{--sidebar: 0px}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;width:280px;transform:translate(-100%);transition:transform .2s;z-index:60}.app.menu-open .sidebar{transform:none}.menu-btn{display:grid!important}.content{padding:22px 16px 50px}.topbar{padding:12px 16px}.auth{grid-template-columns:1fr}.auth-art{display:none}.rack-row{grid-template-columns:64px 1fr 90px}.rack-net{display:none}.grid2,.grid3{grid-template-columns:1fr}.span2{grid-column:auto}.facts{grid-template-columns:1fr 1fr}}@media(min-width:861px){.menu-btn{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}html[data-theme=dark] .auth-logo,html[data-theme=dark] .auth-form .logo-plate{background:#fff}.auth-logo{padding:10px 12px;border-radius:6px;box-sizing:content-box;margin-left:-12px}html[data-theme=dark] .sidebar{background:#081521}@media(prefers-color-scheme:dark){html[data-theme=auto] .sidebar{background:#081521}html[data-theme=auto] .auth-logo{background:#fff}}.theme-btn{display:inline-flex;align-items:center;gap:6px}.pw-row{display:flex;gap:6px}.pw-row input{flex:1;min-width:0}.pw-row .btn{padding:8px 10px}.sheet-close{display:none!important}.access-list{display:flex;flex-direction:column;gap:8px}.access-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}.access-row.on{border-color:var(--signal);background:var(--info-bg)}.access-row>label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer;flex:1;min-width:180px;font-weight:500}.access-row input[type=checkbox]{width:auto;margin:0}.scope{position:relative}.scope-btn{min-width:190px;justify-content:space-between}.scope-btn:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px}.scope-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:120;width:300px;max-height:340px;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 32px var(--shadow);padding:8px}.scope-pop label{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:4px;font-size:14px;color:var(--text);cursor:pointer;font-weight:400}.scope-pop label:hover{background:var(--hover)}.scope-pop input{width:auto;margin:0}.scope-pop .sep{height:1px;background:var(--line-soft);margin:6px 0}.scope-pop .vsw{width:10px;height:10px;border-radius:2px;background:var(--c);flex:none}.scope-pop .vnum{font:600 14px var(--cond);width:34px;font-variant-numeric:tabular-nums}.side-backdrop{display:none}@media(max-width:860px){.side-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#040c1480;z-index:55}.sidebar{height:100%}.topbar{gap:8px}.live-text{display:none}.topbar>.spacer{display:none}.search{max-width:none}.page-head{gap:14px;margin-bottom:18px}.page-head .row{width:100%}.page-head .row .btn{flex:1 1 auto}h1{font-size:27px}.totals{flex-wrap:wrap}.totals>div{flex:1 1 45%;border-bottom:1px solid var(--line-soft)}.vhead{grid-template-columns:auto 1fr;gap:14px}.vhead>.row{grid-column:1 / -1}.vhead>.row .btn{flex:1 1 auto}.vchip{width:66px;height:66px}.vchip b{font-size:28px}.vhead h1{font-size:24px}.map-panel{padding:14px}.cells{max-width:none;gap:2px}.block{width:calc((100% - 30px) / 6);min-width:48px}.hide-sm{display:none}.tbl th,.tbl td{padding:8px 9px}.editor{display:none}.editor.open{display:block;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:90;max-height:88vh;overflow-y:auto;border-radius:14px 14px 0 0;box-shadow:0 -12px 40px var(--shadow);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.sheet-close{display:inline-flex!important}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c1473;z-index:85}.modal{width:100%;max-height:100vh;border-radius:10px}.modal-body{padding:14px 16px 18px}.modal-foot{flex-wrap:wrap}.scope-pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:60vh}.toasts{left:12px;right:12px;bottom:12px}.toast{max-width:none}}@media(min-width:861px){.sheet-backdrop{display:none}}.otp{font:600 26px var(--cond);letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}.mfa-tabs{display:flex;flex-wrap:wrap}.mfa-tabs button{flex:1 1 auto}.or{display:flex;align-items:center;gap:12px;color:var(--steel);font-size:13px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.security .method{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.security .method>div{flex:1;min-width:0}.security .method b{display:block;font-weight:600;color:var(--ink)}.security .method span{font-size:13px;color:var(--steel)}.security .passkeys{padding:4px 0 10px 14px;border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px}.security .passkeys svg{width:18px;height:18px;color:var(--steel)}.totp-setup{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.qr-box{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-box img{width:288px;height:288px;image-rendering:pixelated;border-radius:6px;background:#fff;border:1px solid var(--line)}@media(max-width:860px){.qr-box{width:100%}.qr-box img{width:min(288px,80vw);height:auto}}.totp-setup>div{flex:1;min-width:220px}code.secret{display:block;margin-top:6px;font:600 16px var(--cond);letter-spacing:1px;color:var(--ink);background:var(--sunken);padding:8px 10px;border-radius:4px;word-break:break-all}.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.codes code{font:600 16px var(--cond);letter-spacing:1px;text-align:center;padding:9px;background:var(--sunken);border:1px solid var(--line);border-radius:4px;color:var(--ink)}code.inline{display:inline-block;margin-top:4px;font-size:12px;background:var(--sunken);padding:3px 7px;border-radius:3px;color:var(--ink);word-break:break-all}.switch{position:relative;width:46px;height:26px;flex:none;cursor:pointer}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--reserved);border-radius:13px;transition:background .15s}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:var(--signal)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}.forced{min-height:100vh;background:var(--mist);padding:40px 20px}.forced-in{max-width:760px;margin:0 auto}@media(max-width:860px){.security .method{flex-wrap:wrap}.codes{grid-template-columns:1fr}}.export-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.export-main{display:flex;flex-direction:column;gap:16px}.export-side{position:sticky;top:86px}.export-side dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:14px 0 6px;font-size:14px}.export-side dt{color:var(--steel)}.export-side dd{margin:0;font-weight:500;color:var(--ink);text-align:right}.fmt-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.fmt-card{text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:6px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font:inherit;color:var(--text)}.fmt-card:hover{border-color:var(--line-strong)}.fmt-card.on{border-color:var(--signal);background:var(--info-bg);box-shadow:0 0 0 1px var(--signal) inset}.fmt-card b{font:600 18px var(--cond);color:var(--ink)}.fmt-card>span:last-child{font-size:13px;color:var(--steel);line-height:1.45}.fmt-ico{align-self:flex-start;font:700 12px var(--cond);letter-spacing:.06em;color:#fff;padding:4px 8px;border-radius:3px}.fmt-ico.xlsx{background:#1e7a5f}.fmt-ico.pdf{background:#b3261e}.vlan-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:12px}.vlan-picks.dim{opacity:.6}.vlan-pick{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:4px;background:var(--paper);cursor:pointer;font-size:14px}.vlan-pick.on{background:var(--info-bg)}.vlan-pick input{width:auto;margin:0}.vp-num{font:700 15px var(--cond);color:var(--ink);width:32px;font-variant-numeric:tabular-nums}.vp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-name em{font-style:normal;font-size:12px;color:var(--steel)}.vp-cnt{font-size:12px;color:var(--steel)}@media(max-width:1180px){.export-grid{grid-template-columns:1fr}.export-side{position:static}}@media(max-width:860px){.fmt-cards{grid-template-columns:1fr}}