/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-leading:initial;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"DM Sans", "Noto Sans Thai", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-violet-500:oklch(60.6% .25 292.717);--color-zinc-50:oklch(98.5% 0 none);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:1.1;--text-xl:1.25rem;--text-xl--line-height:1.1;--text-2xl:1.5rem;--text-2xl--line-height:1.1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:"DM Sans", "Noto Sans Thai", sans-serif;--color-body-bg:var(--color-default-50);--color-body-color:var(--color-default-600);--color-card:var(--color-white);--color-primary:var(--color-blue-500);--color-secondary:var(--color-violet-500);--color-success:var(--color-green-500);--color-danger:var(--color-orange-500);--color-default-50:var(--color-zinc-50);--color-default-100:var(--color-zinc-100);--color-default-150:var(--color-zinc-100);--color-default-200:var(--color-zinc-200);--color-default-300:var(--color-zinc-300);--color-default-400:var(--color-zinc-400);--color-default-500:var(--color-zinc-500);--color-default-600:var(--color-zinc-600);--color-default-700:var(--color-zinc-700);--color-default-800:var(--color-zinc-800);--color-default-900:var(--color-zinc-900);--color-default-950:var(--color-zinc-950);--spacing-sidenav-width:260px;--spacing-sidenav-width-md:175px;--spacing-sidenav-width-sm:70px;--spacing-topbar-height:70px;--sidenav-link-padding-x:12px;--sidenav-link-padding-y:8px;--sidenav-item-icon-size:18px;--sidenav-item-font-size:14px;--topbar-background:var(--color-white)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;position:relative}h1,h2,h3,h4,h5,h6{--tw-font-weight:var(--font-weight-semibold);line-height:1.1;font-weight:var(--font-weight-semibold)}body{-webkit-tap-highlight-color:transparent;background-color:var(--color-body-bg);width:100%;height:100%;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-body-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.card{background-color:var(--color-card);overflow-wrap:break-word;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);height:fit-content;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-clip:border-box;border-radius:.3rem;flex-direction:column;display:flex;position:relative}.card:where([data-theme=dark],[data-theme=dark] *,.dark,.dark *){background-color:var(--color-default-100)}.card .card-header{min-height:calc(var(--spacing) * 14);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-default-200);padding-inline:calc(var(--spacing) * 5);display:flex}.card .card-footer{min-height:calc(var(--spacing) * 14);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-default-200);padding-inline:calc(var(--spacing) * 5);display:flex}.card-body{padding:calc(var(--spacing) * 5)}.card-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-default-800)}}@layer components{.btn{cursor:pointer;justify-content:center;align-items:center;column-gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 1.75);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#0000;border-radius:.25rem;display:inline-flex}.btn.btn-lg{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.btn.btn-sm{padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.btn.btn-icon{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);padding:0}.btn[class*=size-]{padding:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}.dashboard-v2,.monitor-page,.pppoe-workspace,.traffic-page,.interface-map-page{gap:12px}.interface-map-page{gap:14px;min-width:0;display:grid}.interface-map-hero{justify-content:space-between;gap:24px;display:flex;position:relative;overflow:hidden}.interface-map-hero p{max-width:760px;margin:0}.interface-map-kicker{align-items:center;gap:8px;display:inline-flex}.interface-map-kicker i,.interface-map-live>i{width:7px;height:7px}.interface-map-live{grid-template-columns:auto auto;align-items:center;gap:3px 8px;min-width:136px;padding:9px 12px;display:grid}.interface-map-live>small{grid-column:2}.interface-map-summary{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.interface-map-summary article{gap:2px;min-width:0;display:grid;position:relative}.interface-map-summary article:before{content:"";width:2px;position:absolute;inset:0 auto 0 0}.interface-map-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-map-layout{align-items:start;min-width:0;display:grid}.interface-map-canvas{min-width:0;padding:0;overflow:hidden}.interface-map-canvas>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.interface-map-canvas>header>div:first-child{gap:2px;display:grid}.interface-map-legend{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.interface-map-legend span{align-items:center;gap:5px;display:inline-flex}.interface-map-legend i{width:6px;height:6px}.interface-map-core{justify-content:center;align-items:center;gap:0;display:flex;position:relative}.interface-map-core:after{content:"";width:1px;position:absolute;top:100%;left:50%}.interface-map-core>i{flex:1;height:1px}.interface-map-core>span{justify-items:center}.interface-map-groups{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.interface-map-group{min-width:0;overflow:hidden}.interface-map-group>header{justify-content:space-between;min-width:0}.interface-map-group>header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-map-group>header small{flex:none}.interface-map-branch{justify-items:stretch;padding:10px;display:grid}.interface-map-connector{height:19px;position:relative}.interface-map-connector:before{content:"";width:1px;position:absolute;top:0;bottom:7px;left:50%}.interface-map-connector i{height:1px;position:absolute;bottom:7px;left:12%;right:12%}.interface-map-leaves{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.interface-map-group.is-bridge .interface-map-leaves{grid-template-columns:1fr}.interface-map-node{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-width:0;padding:7px 8px;display:grid}.interface-map-node:hover{transform:none}.interface-map-node>span:not(.interface-map-node-data){gap:2px;min-width:0;display:grid}.interface-map-node strong,.interface-map-node small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-map-node .lan-port-icon{width:28px;height:28px}.interface-map-node-data{justify-items:end;gap:2px;min-width:0;display:grid}.interface-map-node-data b{text-overflow:ellipsis;white-space:nowrap;max-width:108px;overflow:hidden}.interface-map-glyph{width:28px;height:28px;display:inline-grid}.interface-map-inspector{min-width:0;padding:0;position:sticky;top:72px;overflow:hidden}.interface-map-inspector>header{justify-content:space-between;align-items:flex-start;gap:10px;padding:15px;display:flex}.interface-map-inspector>header>div{min-width:0}.interface-map-inspector h2{text-overflow:ellipsis;margin:4px 0 2px;overflow:hidden}.interface-map-inspector p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.interface-map-inspector-icon{align-items:center;gap:11px;padding:13px 15px;display:flex}.interface-map-inspector-icon .lan-port-icon,.interface-map-inspector-icon .interface-map-glyph{width:38px;height:38px}.interface-map-inspector-icon>span{gap:3px;min-width:0;display:grid}.interface-map-inspector-icon strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-map-inspector dl{margin:0}.interface-map-inspector dl>div{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 15px;display:grid}.interface-map-inspector dd{text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin:0;overflow:hidden}.interface-map-addresses{gap:6px;padding:12px 15px;display:grid}.interface-map-addresses code{text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;overflow:hidden}.interface-map-inspector-actions{gap:7px;padding:13px 15px 15px;display:grid}.interface-map-inspector-actions button{min-height:34px}.interface-map-empty{justify-items:center;gap:5px;min-height:150px;padding:20px;display:grid}@media (width<=1080px){.interface-map-layout{grid-template-columns:1fr}.interface-map-inspector{position:static}.interface-map-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=720px){.interface-map-hero{flex-direction:column;align-items:stretch;padding:18px}.interface-map-live{width:100%}.interface-map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.interface-map-groups{grid-template-columns:1fr;padding-inline:10px}.interface-map-canvas>header{flex-direction:column;align-items:flex-start}.interface-map-legend{justify-content:flex-start}.interface-map-inspector dl{grid-template-columns:1fr}}@media (width<=440px){.interface-map-summary article{padding:11px 12px}.interface-map-summary small{white-space:normal}.interface-map-core{margin-top:17px}.interface-map-leaves{grid-template-columns:1fr}.interface-map-node-data b{max-width:120px}.interface-map-group>header{flex-direction:column;align-items:flex-start}}.interface-map-hero{align-items:center;padding:18px 20px}.interface-map-hero:after{content:"";width:260px;height:180px;position:absolute;bottom:-92px;right:-48px}.interface-map-hero h2{margin:4px 0 3px}.interface-map-appliance-state{z-index:1;align-items:center;gap:10px;min-width:310px;padding:8px;display:flex}.interface-map-appliance-state>span{flex:none;width:34px;height:34px;display:grid}.interface-map-appliance-state>div:not(.interface-map-live){gap:1px;min-width:84px;display:grid}.interface-map-appliance-state .interface-map-live{min-width:118px;margin-left:auto;padding:5px 7px}.interface-map-summary article{padding:11px 14px}.interface-map-summary article:before{display:none}.interface-map-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px}.interface-map-toolbar{grid-template-columns:minmax(180px,1fr) minmax(180px,245px) auto auto;align-items:center;gap:9px;padding:11px 13px;display:grid}.interface-map-toolbar>div:first-child{align-items:baseline;gap:7px;min-width:0;display:flex}.interface-map-search{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-width:0;height:32px;display:grid;position:relative}.interface-map-search>span{padding-left:9px;transform:rotate(-18deg)}.interface-map-search input{width:100%;min-width:0;height:30px;padding:5px 8px}.interface-map-search button{width:28px;min-width:28px;min-height:28px;padding:0}.interface-map-filter{display:flex;overflow:hidden}.interface-map-filter button{min-height:30px;padding:5px 10px}.interface-map-toolbar-refresh{min-height:32px;padding:5px 10px}.interface-map-canvas>header{padding:9px 14px}.interface-map-core{width:min(430px,100% - 28px);margin:24px auto 34px}.interface-map-core:after{height:35px}.interface-map-core>span{align-items:center;gap:9px;min-width:250px;padding:8px 10px;display:flex}.interface-map-core-mark{width:32px;height:32px;display:grid}.interface-map-core>span>span{flex:1;justify-items:start;gap:1px;display:grid}.interface-map-core>span>em{align-self:flex-end;gap:3px;padding-bottom:3px;display:flex}.interface-map-core>span>em i{width:5px;height:5px}.interface-map-groups{gap:10px;padding:0 12px 12px}.interface-map-group>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 9px;display:grid}.interface-map-group>header b{padding:3px 5px}.interface-map-branch{padding:9px}.interface-map-node{min-height:46px}.interface-map-inspector>header{padding:13px 14px}.interface-map-empty button{min-height:31px;margin-top:7px}@media (width<=1180px){.interface-map-toolbar{grid-template-columns:minmax(180px,1fr) minmax(170px,230px) auto}.interface-map-toolbar-refresh{grid-area:2/3}.interface-map-filter{grid-area:2/2;justify-self:end}}@media (width<=1080px){.interface-map-layout{grid-template-columns:1fr}.interface-map-toolbar{grid-template-columns:minmax(180px,1fr) minmax(180px,260px) auto auto}.interface-map-filter,.interface-map-toolbar-refresh{grid-area:auto}}@media (width<=900px){.interface-map-hero{flex-direction:column;align-items:stretch}.interface-map-appliance-state{width:100%;min-width:0}.interface-map-toolbar{grid-template-columns:1fr auto}.interface-map-toolbar>div:first-child{flex-wrap:wrap;grid-column:1/-1}.interface-map-search{grid-area:2/1/auto/-1}.interface-map-filter{grid-area:3/1;justify-self:start}.interface-map-toolbar-refresh{grid-area:3/2}.interface-map-groups{grid-template-columns:1fr}}@media (width<=440px){.interface-map-hero{padding:15px}.interface-map-appliance-state{grid-template-columns:auto minmax(0,1fr);display:grid}.interface-map-appliance-state .interface-map-live{grid-column:1/-1;width:100%;margin:2px 0 0;padding-top:8px}.interface-map-toolbar{padding:10px}.interface-map-core>span{min-width:225px}.interface-map-group>header{flex-direction:unset;grid-template-columns:auto minmax(0,1fr);align-items:center}.interface-map-group>header small{grid-column:2}}.proen-speed-workspace{gap:16px;margin-top:8px;display:grid}.proen-speed-hero{justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.proen-speed-hero h2{margin:4px 0 6px}.proen-speed-hero p{max-width:760px;margin:0}.proen-speed-run-state{white-space:nowrap;justify-items:end;gap:5px;display:grid}.proen-speed-run-state b,.proen-speed-path header b,.proen-speed-history strong{padding:5px 9px}.proen-speed-traffic{grid-template-columns:minmax(190px,.7fr) minmax(260px,1.3fr);align-items:center;gap:14px 24px;padding:20px;display:grid;overflow:hidden}.proen-speed-traffic-total{grid-row:span 2;gap:4px;display:grid}.proen-speed-traffic-flow{height:8px;display:flex;overflow:hidden}.proen-speed-traffic-flow i{flex:none;min-width:0;display:block}.proen-speed-traffic-flow b{flex:1}.proen-speed-traffic-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.proen-speed-traffic-metrics span{gap:4px;min-width:0;padding:10px 11px;display:grid}.proen-speed-traffic-metrics strong{white-space:nowrap}.proen-speed-schedule{padding:20px}.proen-speed-toggle{align-items:center;gap:8px;display:inline-flex}.proen-speed-toggle input{width:18px;height:18px}.proen-speed-time-list{flex-wrap:wrap;align-items:end;gap:10px;margin-top:16px;display:flex}.proen-speed-time-list label{grid-template-columns:minmax(110px,1fr) auto;gap:6px;min-width:220px;display:grid}.proen-speed-time-list label input,.proen-speed-time-list label select{grid-column:1;min-height:40px}.proen-speed-time-list label button{grid-area:2/2;min-height:40px;padding-inline:10px}.proen-speed-schedule-foot{grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:12px;margin-top:16px;padding-top:16px;display:grid}.proen-speed-schedule-foot span{gap:4px;display:grid}.proen-speed-schedule-notice{color:var(--ok);font-weight:700}.proen-speed-schedule-foot strong{overflow-wrap:anywhere}.proen-speed-warning{gap:12px;padding:13px 16px;display:flex}.proen-speed-warning strong{white-space:nowrap}.proen-speed-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.proen-speed-actions span{margin-left:auto}.proen-speed-progress{height:5px;overflow:hidden}.proen-speed-progress i{height:100%;display:block}.proen-speed-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.proen-speed-path{min-width:0;padding:18px}.proen-speed-path header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.proen-speed-path h3{margin:4px 0 0}.proen-speed-path>p{overflow-wrap:anywhere}.proen-speed-path-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.proen-speed-path-metrics span{gap:4px;padding:10px;display:grid}.proen-speed-path-metrics strong{white-space:nowrap}.proen-speed-chart-card,.proen-speed-history{min-width:0;padding:20px}.proen-speed-range{gap:6px;display:flex}.proen-speed-range button{min-height:34px;padding:6px 11px}.proen-speed-chart{width:100%;height:280px;margin-top:14px}.proen-speed-history-list{gap:8px;margin-top:12px;display:grid}.proen-speed-history-list>div{grid-template-columns:minmax(190px,.8fr) auto minmax(280px,1.6fr);align-items:center;gap:12px;padding:11px 12px;display:grid}.proen-speed-history-list span{overflow-wrap:anywhere}.proen-speed-history-list span:first-child{align-items:center;gap:8px;display:flex}@media (width<=800px){.proen-speed-hero,.proen-speed-warning{flex-direction:column}.proen-speed-run-state{justify-items:start}.proen-speed-traffic{grid-template-columns:1fr}.proen-speed-traffic-total{grid-row:auto}.proen-speed-schedule-foot,.proen-speed-paths{grid-template-columns:1fr}.proen-speed-path-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.proen-speed-path-metrics span:first-child{grid-column:span 1}.proen-speed-actions span{width:100%;margin-left:0}.proen-speed-history-list>div{grid-template-columns:1fr auto}.proen-speed-history-list>div span:last-child{grid-column:1/-1}}@media (width<=440px){.proen-speed-hero,.proen-speed-schedule,.proen-speed-chart-card,.proen-speed-history{padding:15px}.proen-speed-time-list,.proen-speed-time-list label{width:100%;min-width:0}.proen-speed-time-list>button{width:100%}.proen-speed-chart{height:240px}.proen-speed-range{width:100%}.proen-speed-range button{flex:1}.proen-speed-traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.uptime-workspace{gap:14px;display:grid}.uptime-hero{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex;overflow:hidden}.uptime-hero h2{margin:5px 0 4px}.uptime-hero p{max-width:680px;margin:0}.uptime-kicker{align-items:center;gap:7px;display:inline-flex}.uptime-kicker i,.uptime-summary i{width:7px;height:7px}.uptime-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.uptime-summary{white-space:nowrap;align-items:center;gap:9px;min-height:34px;padding:7px 11px;display:inline-flex}.uptime-hero-actions button{min-height:34px;padding:7px 11px}.uptime-error,.uptime-monitor-error{margin:0;padding:10px 12px}.uptime-editor{padding:15px}.uptime-editor>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.uptime-editor>header>div{gap:3px;display:grid}.uptime-editor-grid{grid-template-columns:minmax(160px,1fr) minmax(220px,1.25fr) minmax(150px,.8fr) minmax(150px,.7fr) minmax(130px,.6fr);align-items:end;gap:10px;margin-bottom:12px;display:grid}.uptime-editor-grid label{gap:5px;display:grid}.uptime-editor-grid input,.uptime-editor-grid select{min-width:0;min-height:38px}.uptime-editor-grid .uptime-enabled{grid-column:1/-1;align-items:center;gap:8px;width:fit-content;display:flex}.uptime-enabled input{width:15px;height:15px;min-height:auto}.uptime-loading,.uptime-empty{min-height:160px;padding:24px;display:grid}.uptime-empty{gap:5px}.uptime-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.uptime-monitor{min-width:0;overflow:hidden}.uptime-monitor>header{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px;display:flex}.uptime-monitor-title{align-items:center;gap:10px;min-width:0;display:flex}.uptime-monitor-title>i{flex:none;width:10px;height:10px}.uptime-monitor-title>div{min-width:0}.uptime-monitor h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;overflow:hidden}.uptime-monitor-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.uptime-state{flex:none;padding:4px 7px}.uptime-primary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.uptime-primary-metrics>div{gap:3px;min-width:0;padding:12px 13px;display:grid}.uptime-primary-metrics strong,.uptime-primary-metrics small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uptime-latency-chart{height:112px;padding:13px 14px 22px;position:relative}.uptime-latency-chart svg{width:100%;height:76px;overflow:visible}.uptime-latency-chart>span,.uptime-latency-chart>small{position:absolute;bottom:6px}.uptime-latency-chart>span{left:14px}.uptime-latency-chart>small{right:14px}.uptime-check-timeline{align-items:stretch;gap:2px;min-height:21px;padding:8px 14px;display:flex}.uptime-check-timeline i{flex:3px;min-width:2px;max-width:8px}.uptime-monitor-error{overflow-wrap:anywhere;margin:10px 14px 0;padding:7px 9px}.uptime-monitor>footer{justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.uptime-monitor>footer>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.uptime-monitor>footer button{min-height:29px;padding:5px 8px}.uptime-incidents{overflow:hidden}.uptime-incidents>header{justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.uptime-incidents>div>div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.uptime-incidents i{width:8px;height:8px}.uptime-incidents span{gap:2px;min-width:0;display:grid}@media (width<=1080px){.uptime-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uptime-monitor-grid{grid-template-columns:1fr}}@media (width<=720px){.uptime-hero,.uptime-editor>header,.uptime-monitor>footer,.uptime-incidents>header{flex-direction:column;align-items:stretch}.uptime-hero-actions{justify-content:flex-start}.uptime-summary{justify-content:center;width:100%}.uptime-editor-grid{grid-template-columns:1fr}.uptime-editor-grid .uptime-enabled{grid-column:auto}.uptime-primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.uptime-monitor>footer>div{justify-content:flex-start}.uptime-monitor>footer button{flex:auto}.uptime-incidents>div>div{grid-template-columns:auto minmax(0,1fr)}.uptime-incidents time{grid-column:2}}.proen-ping-page{gap:14px}.proen-ping-hero{justify-content:space-between;align-items:flex-start;gap:20px;padding:22px;display:flex;overflow:hidden}.proen-ping-hero h2{margin:5px 0}.proen-ping-hero p{max-width:720px;margin:0}.proen-ping-kicker{align-items:center;gap:7px;display:inline-flex}.proen-ping-kicker i{width:7px;height:7px}.proen-ping-hero-status{justify-items:end;gap:8px;display:grid}.proen-ping-hero-status>span{white-space:nowrap}.ovh-path-map{--ovh-path-accent:var(--warn);padding:0;overflow:hidden}.ovh-path-map.is-ready{--ovh-path-accent:var(--ok)}.ovh-path-map-head{border-bottom:1px solid var(--line-soft);margin:0;padding:17px 20px}.ovh-path-map-head h2{margin:5px 0 2px}.ovh-path-map-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.ovh-path-map-flow{background:radial-gradient(circle at 50% 45%, var(--brand), transparent 44%), var(--surface-soft);grid-template-columns:minmax(150px,1fr) minmax(100px,.72fr) minmax(150px,1fr) minmax(100px,.72fr) minmax(150px,1fr) minmax(100px,.72fr) minmax(150px,1fr);align-items:center;gap:12px;padding:24px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.ovh-path-map-flow{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 44%), var(--surface-soft)}}.ovh-path-node{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;align-content:center;justify-items:center;gap:5px;min-width:0;min-height:172px;padding:16px 12px;display:grid;box-shadow:0 8px 22px #0000001f}.ovh-path-node:first-child{border-color:var(--ovh-path-accent)}@supports (color:color-mix(in lab, red, red)){.ovh-path-node:first-child{border-color:color-mix(in srgb, var(--ovh-path-accent) 62%, var(--line))}}.ovh-path-node:first-child{box-shadow:inset 0 3px 0 var(--ovh-path-accent), 0 8px 22px #0000001f}.ovh-path-icon{border:1px solid var(--brand);place-items:center;width:38px;height:38px;margin-bottom:3px;display:grid}@supports (color:color-mix(in lab, red, red)){.ovh-path-icon{border:1px solid color-mix(in srgb, var(--brand) 45%, var(--line))}}.ovh-path-icon{color:var(--brand);background:var(--brand-soft);border-radius:10px}.ovh-path-icon svg{width:20px;height:20px}.ovh-path-node small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.ovh-path-node strong{max-width:100%;color:var(--text);text-overflow:ellipsis;font-size:15px;overflow:hidden}.ovh-path-node code{color:var(--brand);overflow-wrap:anywhere;font-size:12px;font-weight:800}.ovh-path-node>span:last-child{color:var(--muted);font-size:11px;line-height:1.4}.ovh-path-link{min-width:0;color:var(--muted);text-align:center;justify-items:center;gap:7px;display:grid}.ovh-path-link>span{color:var(--text);font-size:11px;font-weight:900}.ovh-path-link>small{min-height:28px;font-size:10px;line-height:1.35}.ovh-path-link i{background:var(--ovh-path-accent);justify-content:space-around;align-items:center;width:100%;height:2px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.ovh-path-link i{background:color-mix(in srgb, var(--ovh-path-accent) 60%, var(--line))}}.ovh-path-link i:before,.ovh-path-link i:after{content:"";border-top:2px solid var(--ovh-path-accent);border-right:2px solid var(--ovh-path-accent);width:7px;height:7px;position:absolute;top:50%}.ovh-path-link i:before{left:0;transform:translateY(-50%)rotate(-135deg)}.ovh-path-link i:after{right:0;transform:translateY(-50%)rotate(45deg)}.ovh-path-link i b{background:var(--ovh-path-accent);width:4px;height:4px;box-shadow:0 0 7px var(--ovh-path-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.ovh-path-link i b{box-shadow:0 0 7px color-mix(in srgb, var(--ovh-path-accent) 70%, transparent)}}.ovh-path-map-foot{border-top:1px solid var(--line-soft);color:var(--muted);background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:12px 20px;font-size:11px;display:flex}.ovh-path-map-foot b{color:var(--text)}.proen-ping-error{margin:0;padding:10px 12px}.proen-ping-setup{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:190px;padding:24px;display:grid}.proen-ping-setup h2{margin:6px 0}.proen-ping-setup p{max-width:720px;margin:0}.proen-ping-setup small{grid-column:1/-1}.proen-ping-metrics{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.proen-ping-metrics article{gap:4px;min-width:0;padding:15px 14px;display:grid}.proen-ping-metrics strong,.proen-ping-metrics small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proen-ping-graph-card{padding:0;overflow:hidden}.proen-ping-graph-card .panel-head{padding:15px 18px}.proen-ping-graph-card .panel-head p{margin:3px 0 0}.proen-ping-chart{min-height:250px;padding:22px 24px 42px 58px;position:relative}.proen-ping-chart svg{width:100%;height:180px;overflow:visible}.proen-ping-chart-scale{flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:28px;bottom:64px;left:15px}.proen-ping-chart-foot{align-items:center;gap:14px;display:flex;position:absolute;bottom:14px;left:58px;right:24px}.proen-ping-chart-foot span{align-items:center;gap:5px;display:inline-flex}.proen-ping-chart-foot i{width:11px;height:3px}.proen-ping-chart-foot i.loss{width:7px;height:7px}.proen-ping-chart-foot small{margin-left:auto}.proen-ping-actions{flex-wrap:wrap;gap:8px;padding:13px 18px;display:flex}.proen-ping-actions button{min-height:34px}.proen-ping-windows{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.proen-ping-windows article{gap:6px;padding:15px 17px;display:grid}.proen-ping-windows article>div{flex-wrap:wrap;gap:5px 12px;display:flex}@media (width<=1080px){.ovh-path-map-flow{grid-template-columns:minmax(140px,1fr) 70px minmax(140px,1fr) 70px minmax(140px,1fr) 70px minmax(140px,1fr);gap:8px;overflow-x:auto}.proen-ping-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.ovh-path-map-flow{grid-template-columns:1fr;gap:8px;padding:16px;overflow:visible}.ovh-path-node{width:100%;min-height:138px}.ovh-path-link{align-content:center;min-height:70px}.ovh-path-link i{width:2px;height:28px}.ovh-path-link i:before,.ovh-path-link i:after{left:50%}.ovh-path-link i:before{top:0;transform:translate(-50%)rotate(-45deg)}.ovh-path-link i:after{top:auto;bottom:0;right:auto;transform:translate(-50%)rotate(135deg)}.ovh-path-link i b{display:none}.ovh-path-link>small{min-height:0}}@media (width<=720px){.proen-ping-hero{flex-direction:column;align-items:stretch;padding:18px}.proen-ping-hero-status{justify-items:start}.proen-ping-hero-status>span{white-space:normal;overflow-wrap:anywhere}.ovh-path-map-head{align-items:flex-start;padding:16px}.ovh-path-map-flow{grid-template-columns:1fr;gap:8px;padding:16px;overflow:visible}.ovh-path-node{width:100%;min-height:138px}.ovh-path-link{align-content:center;min-height:70px}.ovh-path-link i{width:2px;height:28px}.ovh-path-link i:before,.ovh-path-link i:after{left:50%}.ovh-path-link i:before{top:0;transform:translate(-50%)rotate(-45deg)}.ovh-path-link i:after{top:auto;bottom:0;right:auto;transform:translate(-50%)rotate(135deg)}.ovh-path-link i b{display:none}.ovh-path-link>small{min-height:0}.ovh-path-map-foot{padding:12px 16px;display:grid}.proen-ping-setup{grid-template-columns:1fr;padding:18px}.proen-ping-setup button{width:100%}.proen-ping-setup small{grid-column:auto}.proen-ping-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.proen-ping-chart{min-height:220px;padding:18px 13px 48px 42px}.proen-ping-chart svg{height:155px}.proen-ping-chart-scale{bottom:68px;left:8px}.proen-ping-chart-foot{flex-wrap:wrap;gap:6px 12px;bottom:11px;left:42px;right:13px}.proen-ping-chart-foot small{width:100%;margin-left:0}.proen-ping-actions{grid-template-columns:1fr;display:grid}.proen-ping-windows{grid-template-columns:1fr}}.routing-dual-wan{padding:0;overflow:hidden}.routing-dual-wan-summary{justify-content:space-between;align-items:flex-start;gap:22px;padding:17px 19px 14px;display:flex}.routing-dual-wan-summary h2{margin:3px 0 5px}.routing-dual-wan-summary p{max-width:760px;margin:0}.routing-dual-wan-actions{flex:none;justify-items:end;gap:9px;display:grid}.routing-dual-wan-actions .button-row{flex-wrap:nowrap}.routing-dual-wan-runtime{grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(210px,.75fr);gap:9px;padding:12px 14px 14px;display:grid}.routing-dual-wan-runtime>section,.routing-dual-wan-runtime>aside{min-width:0;padding:10px 11px}.routing-dual-wan-runtime>section header{justify-content:space-between;align-items:center;gap:8px;display:flex}.routing-dual-wan-runtime>section header>div{align-items:center;gap:6px;min-width:0;display:flex}.routing-dual-wan-runtime>section header i{flex:none;width:7px;height:7px}.routing-dual-wan-runtime dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 7px;display:grid}.routing-dual-wan-runtime dl>div,.routing-dual-wan-runtime aside>span{gap:2px;min-width:0;display:grid}.routing-dual-wan-runtime dd,.routing-dual-wan-runtime section>p,.routing-dual-wan-runtime aside>p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.routing-dual-wan-runtime>aside{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.routing-dual-wan-runtime aside>p,.routing-dual-wan-runtime aside>small{grid-column:1/-1}.routing-dual-wan-checking{align-items:center;gap:12px;min-height:86px;padding:12px 19px 14px;display:flex}.routing-dual-wan-checking-dot{flex:none;width:9px;height:9px}.routing-dual-wan-checking p{margin:4px 0 0}@media (width<=900px){.routing-dual-wan-runtime{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-dual-wan-runtime>aside{grid-column:1/-1}}@media (width<=620px){.routing-dual-wan-summary{flex-direction:column}.routing-dual-wan-actions{justify-items:start;width:100%}.routing-dual-wan-actions .button-row{flex-wrap:wrap}.routing-dual-wan-runtime{grid-template-columns:1fr}.routing-dual-wan-runtime>aside{grid-column:auto}.routing-dual-wan-runtime dl{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-trigger-overlay{z-index:299;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:fixed;overflow:hidden}.action-trigger-overlay i{width:11px;height:11px}.action-feedback{z-index:300;pointer-events:none;gap:9px;width:min(390px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.action-feedback-card{pointer-events:auto;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid;position:relative;overflow:hidden}.action-feedback-icon{width:29px;height:29px;display:grid}.action-feedback-icon i{width:13px;height:13px}.action-feedback-card>div:nth-child(2){gap:2px;min-width:0;display:grid}.action-feedback-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-feedback-progress{height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.action-feedback-progress i{width:38%;height:100%;position:absolute}button.action-feedback-close{width:27px;min-width:27px;min-height:27px;padding:0}@media (width<=620px){.action-feedback{width:calc(100vw - 20px);bottom:10px;right:10px}.action-feedback-card{padding:10px}}@media (prefers-reduced-motion:reduce){.action-feedback-progress i{width:100%;left:0}}.metric-card{align-content:center;gap:4px;min-height:86px;padding:14px 15px;display:grid;position:relative;overflow:hidden}.metric-card:after{content:"";width:76px;height:76px;position:absolute;top:-26px;right:-26px}.metric-card strong{overflow-wrap:anywhere}.idrac-workspace{gap:16px}.idrac-hero{justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.idrac-hero h2,.idrac-hero p{margin:4px 0 0}.idrac-hero-status{justify-items:end;gap:8px;display:grid}.idrac-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.idrac-kpi-grid article,.idrac-sensor-grid>div,.idrac-list>div{min-width:0}.idrac-kpi-grid article{gap:7px;padding:16px;display:grid}.idrac-config-grid{align-items:start}.idrac-power-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;display:grid}.idrac-power-mode{align-content:start;gap:6px;min-height:128px;padding:13px;display:grid}.idrac-power-mode:hover:not(:disabled){transform:none}.idrac-power-mode-tags{flex-wrap:wrap;align-self:end;gap:5px;margin-top:auto;display:flex}.idrac-power-mode-tags em{padding:2px 7px}.idrac-sensor-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.idrac-sensor-grid>div{gap:6px;padding:13px;display:grid}.idrac-list{gap:8px;display:grid}.idrac-list>div{gap:4px;padding:12px;display:grid}.idrac-list span{overflow-wrap:anywhere}.idrac-inventory-toolbar{gap:12px;display:grid}.idrac-filter-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.idrac-search{width:min(520px,100%)}.idrac-search input{margin-top:6px}.idrac-core-groups{align-items:start}.idrac-record-list,.idrac-data-list,.idrac-event-list{overflow:hidden}.idrac-record-list summary,.idrac-data-list summary{align-items:center;gap:12px;min-height:42px;padding:9px 12px;display:grid}.idrac-record-list summary{grid-template-columns:minmax(0,1fr) auto}.idrac-record-list summary::-webkit-details-marker{display:none}.idrac-data-list summary::-webkit-details-marker{display:none}.idrac-sensor-groups>details>summary::-webkit-details-marker{display:none}.idrac-record-list summary:before,.idrac-data-list summary:before{content:"›";transform-origin:50%;width:12px}.idrac-record-list summary,.idrac-data-list summary{grid-template-columns:12px minmax(0,1fr) auto}.idrac-data-list summary{grid-template-columns:12px minmax(150px,1fr) minmax(130px,auto) auto}.idrac-record-list details[open] summary:before,.idrac-data-list details[open] summary:before{transform:rotate(90deg)}.idrac-record-list .detail-list,.idrac-data-list .detail-list{margin:0 12px 12px 24px}.idrac-sensor-groups{gap:10px;display:grid}.idrac-sensor-groups>details{overflow:hidden}.idrac-sensor-groups>details>summary{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.idrac-more-note{padding:10px 14px;display:block}.idrac-event-list>div{grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:grid}.idrac-event-list div>div{gap:3px;min-width:0;display:grid}.idrac-event-list strong,.idrac-event-list small{overflow-wrap:anywhere}.idrac-warning-details{overflow:hidden}.idrac-warning-details summary{justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.idrac-warning-details ul{gap:7px;margin:0;padding:12px 30px 14px;display:grid}@media (width<=1100px){.idrac-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.idrac-hero{flex-direction:column;align-items:flex-start}.idrac-hero-status{justify-items:start}.idrac-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idrac-filter-row{flex-direction:column;align-items:stretch}.idrac-power-modes{grid-template-columns:1fr}.idrac-data-list summary{grid-template-columns:12px minmax(0,1fr) auto}.idrac-data-list summary>span{grid-column:2}.idrac-data-list summary .pill{grid-area:1/3/span 2}.idrac-event-list>div{grid-template-columns:48px minmax(0,1fr)}.idrac-event-list .pill{grid-column:2;justify-self:start}}.dhcp-workspace{gap:16px}.dhcp-operator-hero{grid-template-columns:minmax(0,1fr) auto;gap:20px 24px;padding:24px;display:grid;position:relative;overflow:hidden}.dhcp-operator-hero:after{content:"";pointer-events:none;width:260px;height:260px;position:absolute;bottom:-110px;right:-70px}.dhcp-hero-copy,.dhcp-hero-actions,.dhcp-hero-stats{z-index:1;position:relative}.dhcp-kicker{align-items:center;gap:7px;display:inline-flex}.dhcp-kicker i{width:7px;height:7px}.dhcp-hero-copy h2{margin:9px 0 7px}.dhcp-hero-copy p{margin:0}.dhcp-hero-actions{align-items:flex-start;gap:8px;display:flex}.dhcp-hero-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:16px;display:grid}.dhcp-hero-stats>span{min-width:0;padding:0 15px}.dhcp-hero-stats>span:first-child{padding-left:0}.dhcp-hero-stats small,.dhcp-hero-stats strong{display:block}.dhcp-hero-stats strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.dhcp-runtime-warning,.dhcp-config-note,.dhcp-validation-summary{gap:3px;padding:11px 13px;display:grid}.dhcp-validation-summary ul{margin:4px 0 0;padding-left:18px}.dhcp-primary-grid{grid-template-columns:minmax(0,1.8fr) minmax(310px,.8fr);align-items:start;gap:16px;display:grid}.dhcp-side-stack{gap:16px;display:grid}.dhcp-panel-head>div:first-child{gap:2px;display:grid}.dhcp-panel-state{align-items:center;gap:12px;display:flex}.dhcp-panel-state .check-row{min-height:auto;margin:0;padding:0}.dhcp-settings-panel{gap:14px;display:grid}.dhcp-settings-panel>.panel-head{margin-bottom:0}.dhcp-form-section{gap:12px;padding-top:14px;display:grid}.dhcp-section-heading{align-items:flex-start;gap:10px;display:flex}.dhcp-section-heading>span{justify-content:center;align-items:center;min-width:28px;min-height:25px;display:inline-flex}.dhcp-section-heading h3,.dhcp-section-heading p{margin:0}.dhcp-section-heading p{margin-top:2px}.dhcp-form-grid{margin:0}.dhcp-form-grid label{min-width:0}.dhcp-form-grid label>input,.dhcp-form-grid label>select{margin-top:5px}.dhcp-authoritative-control{align-content:center;gap:5px;padding:10px 12px;display:grid}.dhcp-authoritative-control .check-row{min-height:auto;margin:0;padding:0}.dhcp-config-actions,.dhcp-reservation-actions,.dhcp-client-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.dhcp-config-actions{padding-top:14px}.dhcp-health-list{gap:0;margin:0;padding:0;display:grid}.dhcp-health-check{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 2px;display:grid}.dhcp-health-check>i{width:7px;height:7px}.dhcp-health-check span{min-width:0}.dhcp-health-check strong,.dhcp-health-check small{display:block}.dhcp-health-check small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.dhcp-runtime-details{gap:0;margin:14px 0 0;display:grid;overflow:hidden}.dhcp-runtime-details>div{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:10px;padding:8px 9px;display:grid}.dhcp-runtime-details dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.dhcp-runtime-logs{margin-top:12px}.dhcp-runtime-logs pre{white-space:pre-wrap;max-height:190px;margin:8px 0 0;padding:10px;overflow:auto}.dhcp-pool-meter{height:8px;overflow:hidden}.dhcp-pool-meter span{height:100%;display:block}.dhcp-pool-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.dhcp-pool-numbers span{gap:3px;padding:9px;display:grid}.dhcp-pool-panel>p{margin:10px 0 0}.dhcp-reservation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dhcp-reservation-card{min-width:0;margin:0;padding:12px}.dhcp-reservation-card legend{padding:0 6px}.dhcp-reservation-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dhcp-reservation-head .check-row{min-height:auto;margin:0;padding:0}.dhcp-reservation-head button{padding:6px 9px}.dhcp-reservation-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.dhcp-reservation-fields label:last-child{grid-column:1/-1}.dhcp-reservation-actions{justify-content:flex-end;margin-top:12px}.dhcp-empty-state{justify-items:center;gap:5px;padding:24px 14px;display:grid}.dhcp-empty-state span{max-width:520px}.dhcp-preview-messages{margin-bottom:12px;padding:8px 10px}.dhcp-preview-messages ul{margin:5px 0 0;padding-left:16px}.dhcp-client-toolbar{justify-content:space-between;align-items:end;gap:14px;margin-bottom:10px;display:flex}.dhcp-client-toolbar>label{width:min(420px,100%)}.dhcp-client-toolbar>label span{margin-bottom:5px;display:block}.dhcp-probe-note{margin:0 0 10px}.dhcp-client-list{overflow:hidden}.dhcp-client-list-head,.dhcp-client-row{grid-template-columns:minmax(180px,1.3fr) minmax(145px,.9fr) minmax(130px,.8fr) minmax(190px,1fr) minmax(90px,auto);align-items:center;gap:12px;display:grid}.dhcp-client-list-head{padding:8px 11px}.dhcp-client-row{min-width:0;padding:10px 11px}.dhcp-client-row>span{gap:3px;min-width:0;display:grid}.dhcp-client-row strong,.dhcp-client-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dhcp-client-row .pill{width:max-content}.dhcp-client-row button{justify-self:start;padding:6px 9px}@media (width<=1180px){.dhcp-primary-grid{grid-template-columns:1fr}.dhcp-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.dhcp-client-list{overflow-x:auto}.dhcp-client-list-head,.dhcp-client-row{min-width:850px}}@media (width<=900px){.dhcp-operator-hero{grid-template-columns:1fr;padding:18px}.dhcp-hero-actions{grid-template-columns:1fr 1fr;display:grid}.dhcp-hero-actions button{width:100%}.dhcp-hero-stats{grid-template-columns:1fr 1fr;gap:0}.dhcp-hero-stats>span{padding:10px}.dhcp-hero-stats>span:first-child{padding-left:10px}.dhcp-side-stack,.dhcp-reservation-grid{grid-template-columns:1fr}.dhcp-panel-state{flex-direction:column;align-items:flex-start}.dhcp-config-actions{grid-template-columns:1fr;display:grid}.dhcp-config-actions button{width:100%}.dhcp-reservation-fields{grid-template-columns:1fr}.dhcp-reservation-fields label:last-child{grid-column:auto}.dhcp-client-toolbar{flex-direction:column;align-items:stretch}.dhcp-client-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.dhcp-client-toolbar button{width:100%}.dhcp-client-list{overflow:visible}.dhcp-client-list-head{display:none}.dhcp-client-row,.dhcp-client-list-head{min-width:0}.dhcp-client-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;padding:12px}.dhcp-client-row>span:first-child:before{content:"Client"}.dhcp-client-row>span:nth-child(2):before{content:"Address"}.dhcp-client-row>span:nth-child(3):before{content:"Reachability"}.dhcp-client-row>span:nth-child(4):before{content:"Lease"}.dhcp-client-row>span:nth-child(5){grid-column:1/-1}.dhcp-client-row>span:nth-child(5):before{content:"Reservation"}.dhcp-runtime-details>div{grid-template-columns:1fr;gap:3px}}.pppoe-operator-hero{grid-template-columns:minmax(260px,1.15fr) minmax(420px,1.45fr) auto;align-items:center;gap:22px;padding:18px 20px;display:grid;overflow:hidden}.pppoe-kicker,.pppoe-session-state{align-items:center;gap:7px;display:inline-flex}.pppoe-kicker i,.pppoe-session-state i{flex:none;width:7px;height:7px}.pppoe-operator-copy p,.pppoe-section-head p{margin:0}.pppoe-hero-stats{grid-template-columns:.65fr .75fr .9fr 1.5fr;display:grid;overflow:hidden}.pppoe-hero-stats>span{gap:4px;min-width:0;padding:10px 12px;display:grid}.pppoe-hero-actions{justify-items:end;gap:9px;display:grid}.pppoe-hero-actions button{white-space:nowrap}.pppoe-section-head>div:first-child{gap:3px;display:grid}.pppoe-session-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pppoe-session-card{min-width:0;display:grid;overflow:hidden}.pppoe-session-card>header{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 13px 10px;display:flex}.pppoe-session-card>header h3{overflow-wrap:anywhere;margin:5px 0 0}.pppoe-session-role{flex:none;justify-items:end;gap:4px;display:grid}.pppoe-session-message{min-height:43px;margin:0;padding:10px 13px}.pppoe-session-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.pppoe-session-facts>div{gap:4px;min-width:0;padding:9px 10px;display:grid}.pppoe-session-facts dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.pppoe-session-facts dd small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.pppoe-session-card>footer{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pppoe-session-card footer button{min-height:30px;padding:6px 9px}.pppoe-primary-actions,.pppoe-secondary-actions{flex-wrap:nowrap}.pppoe-secondary-actions{align-items:center;gap:6px;display:flex}.pppoe-empty-state{grid-column:1/-1;justify-items:center;gap:6px;padding:32px 18px;display:grid}.pppoe-empty-state span{margin-bottom:6px}.pppoe-editor-layer{z-index:90;justify-content:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.pppoe-editor-backdrop{width:100%;height:100%;padding:0;position:absolute;inset:0}.pppoe-editor{z-index:1;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100%);height:100dvh;display:grid;position:relative;overflow:hidden}.pppoe-editor-header{z-index:3;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px 15px;display:flex}.pppoe-editor-header>div{gap:3px;min-width:0;display:grid}.pppoe-editor-header h2{overflow-wrap:anywhere;margin:0}.pppoe-editor-header p{margin:2px 0 0}.pppoe-editor-close{flex:none;min-width:34px;min-height:34px;padding:4px}.pppoe-editor-sections{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:16px 18px;display:grid;overflow-y:auto}.pppoe-editor fieldset{min-width:0;margin:0;padding:13px}.pppoe-editor legend{padding:0 7px}.pppoe-editor .form-grid{gap:11px}.pppoe-editor label{min-width:0}.pppoe-toggle-grid{gap:8px;margin-top:12px;display:grid}.pppoe-toggle-grid .check-row{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;min-height:54px;padding:10px 11px}.pppoe-toggle-grid .check-row span{gap:3px;display:grid}.pppoe-editor-footer{z-index:3;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:12px 18px;display:flex}.pppoe-activity-tabs{gap:6px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.pppoe-activity-tabs button{flex:none;min-height:29px;padding:5px 9px}.pppoe-selected-log{max-height:240px;padding:12px;overflow:auto}.pppoe-selected-log code{text-overflow:clip;white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible}@media (width<=1180px){.pppoe-operator-hero{grid-template-columns:minmax(240px,.9fr) minmax(420px,1.4fr)}.pppoe-hero-actions{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center start}.pppoe-session-card>footer{flex-direction:column;align-items:stretch}.pppoe-secondary-actions{flex-wrap:wrap}}@media (width<=900px){.pppoe-operator-hero,.pppoe-session-grid{grid-template-columns:1fr}.pppoe-hero-actions{grid-column:auto}}@media (width<=620px){.pppoe-operator-hero{gap:14px;padding:15px}.pppoe-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-hero-actions{grid-template-columns:1fr}.pppoe-hero-actions button{width:100%}.pppoe-section-head{align-items:flex-start}.pppoe-editor{width:100%}.pppoe-editor-header{padding:14px}.pppoe-editor-sections{grid-template-columns:1fr;padding:13px 12px}.pppoe-session-card>header,.pppoe-editor-footer{flex-direction:column;align-items:stretch}.pppoe-session-role{justify-items:start}.pppoe-session-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-primary-actions,.pppoe-secondary-actions,.pppoe-editor-footer .button-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pppoe-session-card footer button,.pppoe-editor-footer button{width:100%}.pppoe-secondary-actions>:only-child{grid-column:1/-1}}.gauge-ring{justify-items:center;gap:4px;min-width:0;display:grid}.gauge-ring svg{width:74px;height:74px}.gauge-ring-label{justify-items:center;gap:1px;display:grid}.gauge-ring-label small{text-overflow:ellipsis;white-space:nowrap;max-width:88px;overflow:hidden}.dashboard-port-row .lan-port-icon{width:42px;height:42px}.pppoe-status-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.pppoe-health-panel{gap:12px}.pppoe-profile-grid{gap:10px;display:grid}.pppoe-profile-card{gap:7px;min-width:0;padding:11px;display:grid}.pppoe-profile-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pppoe-profile-head strong,.pppoe-profile-card span,.pppoe-profile-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pppoe-log-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.traffic-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.traffic-hero-main h2{margin:4px 0}.traffic-hero-main p{max-width:620px;margin:0}.traffic-hero-kicker{align-items:center;gap:7px;display:inline-flex}.traffic-hero-kicker i{width:7px;height:7px}.traffic-hero-stats{flex-wrap:wrap;gap:10px;display:flex}.traffic-hero-stats>div{gap:2px;min-width:168px;padding:10px 14px;display:grid}.traffic-hero-stats small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.traffic-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.traffic-kpi-card{gap:4px;min-width:0;padding:12px 14px;display:grid}.traffic-kpi-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.traffic-main-grid{grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);align-items:stretch;gap:12px;display:grid}.traffic-monitor-panel{gap:12px;min-width:0;display:grid}.traffic-monitor-head{align-items:flex-start}.traffic-monitor-head p{margin:5px 0 0}.traffic-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.traffic-range-control{display:inline-flex;overflow:hidden}.traffic-range-control button{min-height:34px;padding-inline:13px}.traffic-line-key{flex-wrap:wrap;gap:14px;display:flex}.traffic-line-key span{align-items:center;gap:7px;display:inline-flex}.traffic-line-key i{width:30px;display:inline-block}.traffic-status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.traffic-status-strip div{gap:3px;min-width:0;padding:9px 10px;display:grid}.traffic-status-strip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.traffic-chart-wrap{width:100%;overflow-x:auto}.traffic-chart-wrap .rrd-chart-canvas{min-width:720px;overflow:hidden}.traffic-side-stack{align-content:start;gap:12px;min-width:0;display:grid}.traffic-rank-panel{align-content:start}.traffic-rank-list{gap:8px;display:grid}.traffic-rank-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;width:100%;min-height:0;padding:10px;display:grid}.traffic-rank-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:inline-flex;overflow:hidden}.traffic-rank-name i{flex:none;width:8px;height:22px}.traffic-rank-row strong{white-space:nowrap}.traffic-rank-bar{grid-column:1/-1;width:100%;height:6px;overflow:hidden}.traffic-rank-bar i{height:100%;display:block}.traffic-rank-row small{grid-column:1/-1}.traffic-picker-panel{gap:12px}.traffic-select-actions,.traffic-chip-grid{flex-wrap:wrap;gap:8px;display:flex}.traffic-chip{align-items:center;gap:7px;padding:6px 12px 6px 8px;display:inline-flex}.traffic-chip i{flex:none;width:8px;height:8px}.traffic-all-panel .panel-head{align-items:flex-start}.traffic-all-panel .panel-head p{margin:5px 0 0}.traffic-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.traffic-mini-card{gap:8px;width:100%;min-width:0;padding:11px;display:grid}.traffic-mini-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.traffic-mini-head h3{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.traffic-mini-head span{width:fit-content;margin-top:3px;padding:2px 7px;display:inline-flex}.traffic-mini-head strong{white-space:nowrap}.traffic-mini-chart{width:100%;height:auto;min-height:132px;display:block}.traffic-mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.traffic-mini-stats span{gap:2px;min-width:0;padding:6px;display:grid}.traffic-mini-stats strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.traffic-detail-panel{gap:12px}.traffic-detail-title{align-items:flex-start}.traffic-detail-title p{margin:5px 0 0}.traffic-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.traffic-detail-card{gap:8px;min-width:0;padding:11px;display:grid}.traffic-detail-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.traffic-detail-head h3{margin:0}.traffic-detail-head>div{gap:2px;display:grid}.traffic-detail-chart{width:100%;height:auto;display:block}.traffic-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.traffic-detail-stats span{gap:2px;min-width:0;padding:7px;display:grid}.traffic-detail-stats strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.traffic-table-panel .table-wrap td:first-child{align-items:center;gap:8px;display:flex}.traffic-table-dot{flex:none;width:8px;height:8px;display:inline-block}.power-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);align-items:center;gap:18px;margin:0 0 14px;padding:15px;display:grid}.power-hero span,.power-hero small{display:block}.power-hero strong{margin:2px 0 4px;display:block}.power-gauge{gap:7px;display:grid}.power-gauge meter{width:100%;height:14px}.idrac-state{gap:3px;margin:0 0 14px;padding:11px 12px;display:grid}.interface-status-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:12px;display:grid}.interface-port-card{grid-template-columns:58px minmax(0,1fr);gap:10px;width:100%;min-height:118px;padding:11px;display:grid}.interface-port-visual{align-self:start;width:54px;height:54px;display:grid;position:relative}.lan-port-icon{width:48px;height:48px}.interface-port-led{width:10px;height:10px;position:absolute;top:6px;right:6px}.interface-port-main{gap:4px;min-width:0;display:grid}.interface-port-main strong,.interface-port-main small,.interface-port-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-port-meta{grid-column:1/-1;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8px;padding-top:8px;display:grid}@media (width<=1120px){.pppoe-status-grid,.pppoe-log-grid,.traffic-kpi-row,.traffic-main-grid,.traffic-status-strip,.traffic-mini-grid,.traffic-detail-grid,.interface-status-grid{grid-template-columns:1fr}}@media (width<=720px){.power-hero{grid-template-columns:1fr}.traffic-mini-stats,.traffic-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-v2{gap:14px;min-width:0;display:grid;position:relative}.dashboard-v2:before{z-index:-1;content:"";pointer-events:none;position:absolute;top:0;left:-24px;right:-24px}.dashboard-v2-icon{flex:none;width:20px;height:20px}.dashboard-v2-hero{grid-template-columns:minmax(360px,1.3fr) minmax(390px,.9fr);grid-template-areas:"copy topology""actions actions";gap:18px 34px;min-height:260px;padding:26px 30px 18px;display:grid;position:relative;overflow:hidden}.dashboard-v2-hero:before{z-index:-1;content:"";position:absolute;inset:0}.dashboard-v2-hero:after{z-index:-1;content:"";width:460px;height:460px;position:absolute;top:-250px;right:-270px}.dashboard-v2-hero-copy{grid-area:copy;align-self:center;justify-items:start;gap:8px;display:grid}.dashboard-v2-live{align-items:center;gap:9px;display:inline-flex}.dashboard-v2-live i{width:7px;height:7px}.dashboard-v2-live span{margin-left:3px;padding-left:10px}.dashboard-v2-status-label{margin-top:3px;padding:5px 9px}.dashboard-v2-hero h2{max-width:720px;margin:2px 0 0}.dashboard-v2-hero-copy>p{max-width:660px;margin:2px 0 4px}.dashboard-v2-hero-meta{flex-wrap:wrap;gap:8px;display:flex}.dashboard-v2-hero-meta span{align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.dashboard-v2-hero-meta .dashboard-v2-icon{width:13px;height:13px}.dashboard-v2-topology{grid-area:topology;justify-content:center;align-self:center;align-items:center;min-width:0;padding:18px 14px;display:flex}.dashboard-v2-topology-node{flex:none;justify-items:center;gap:4px;width:94px;display:grid;position:relative}.dashboard-v2-topology-node>span{width:48px;height:48px;display:grid}.dashboard-v2-topology-node small{margin-top:4px}.dashboard-v2-topology-node strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dashboard-v2-topology-link{flex:1;width:clamp(24px,4vw,58px);height:1px;margin:0 -2px 30px;position:relative}.dashboard-v2-topology-link:after{content:"";width:6px;height:6px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.dashboard-v2-quick-actions{grid-area:actions;gap:8px;padding-top:13px;display:flex}.dashboard-v2-quick-actions button{min-height:32px;padding:7px 11px}.dashboard-v2-quick-actions .dashboard-v2-icon{width:15px;height:15px}.dashboard-v2-attention{justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;display:flex}.dashboard-v2-attention>div{gap:2px;min-width:0;display:grid}.dashboard-v2-attention span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-v2-attention button{flex:none;min-height:31px}.dashboard-v2-attention .dashboard-v2-icon{width:14px;height:14px}.dashboard-v2-pulse{gap:9px;display:grid}.dashboard-v2-section-head{justify-content:space-between;align-items:end;gap:12px;padding:0 3px;display:flex}.dashboard-v2-section-head>div{gap:2px;display:grid}.dashboard-v2-section-head small{align-items:center;gap:6px;display:inline-flex}.dashboard-v2-section-head small i{width:6px;height:6px}.dashboard-v2-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-v2-kpi{grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:96px;padding:15px;display:grid;position:relative;overflow:hidden}.dashboard-v2-kpi:before{content:"";width:3px;position:absolute;inset:12px auto 12px 0}.dashboard-v2-kpi:hover{transform:translateY(-1px)}.dashboard-v2-kpi-icon{width:44px;height:44px;display:grid}.dashboard-v2-kpi-copy{gap:3px;min-width:0;display:grid}.dashboard-v2-kpi-copy small,.dashboard-v2-kpi-copy em,.dashboard-v2-kpi-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-v2-kpi-arrow .dashboard-v2-icon{width:16px}.dashboard-v2-kpi:hover .dashboard-v2-kpi-arrow{transform:translate(2px)}.dashboard-v2-telemetry-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);align-items:stretch;gap:14px;display:grid}.dashboard-v2-telemetry-grid>.telemetry-chart{height:100%}.dashboard-v2-chart-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-v2-chart-row .dashboard-chart-card{padding:16px}@media (width<=1320px){.dashboard-v2-hero{grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr)}.dashboard-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2-telemetry-grid{grid-template-columns:1fr}}@media (width<=900px){.dashboard-v2-hero{grid-template-columns:1fr;grid-template-areas:"copy""topology""actions";padding:24px 22px 18px}.dashboard-v2-topology{width:100%}.dashboard-v2-chart-row{grid-template-columns:1fr}}@media (width<=680px){.dashboard-v2{gap:10px}.dashboard-v2-hero{gap:14px;min-height:0;padding:18px 14px 14px}.dashboard-v2-live span{display:none}.dashboard-v2-topology{justify-content:flex-start;padding:14px 8px;overflow-x:auto}.dashboard-v2-topology-node{width:74px}.dashboard-v2-topology-link{min-width:28px}.dashboard-v2-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-v2-quick-actions button{justify-content:center;min-width:0;padding-inline:6px}.dashboard-v2-attention{flex-direction:column;align-items:stretch;gap:8px}.dashboard-v2-attention span{white-space:normal;overflow:visible}.dashboard-v2-attention button{align-self:start}.dashboard-v2-section-head{align-items:start}.dashboard-v2-section-head strong{display:none}.dashboard-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-v2-kpi{grid-template-columns:36px minmax(0,1fr);gap:8px;min-height:86px;padding:11px}.dashboard-v2-kpi-icon{width:36px;height:36px}.dashboard-v2-kpi-arrow{display:none}.dashboard-v2-telemetry-grid{grid-template-columns:minmax(0,1fr)}}.traffic-reference-title{gap:4px;display:grid}.traffic-reference-title>div{align-items:baseline;gap:18px;display:flex}.traffic-reference-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.traffic-reference-summary>span{gap:7px;min-width:0;padding:14px 18px;display:grid}.traffic-reference-summary small{align-items:center;gap:5px;display:flex}.traffic-reference-summary small i{width:8px;height:8px}.traffic-reference-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.traffic-direction-area{pointer-events:none}.traffic-direction-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.traffic-direction-stats span{gap:3px;padding:8px 10px;display:grid}.traffic-direction-stats strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-v2-chart-row .telemetry-chart{padding:17px}@media (width<=680px){.traffic-reference-title>div{gap:10px}.traffic-reference-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-reference-summary>span{padding:11px 12px}.traffic-direction-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2-chart-row .dashboard-sparkline{height:145px;min-height:145px}}.interface-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.interface-section-heading>div{gap:2px;display:grid}.interface-v2-port{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:9px;width:100%;min-height:106px;padding:10px;display:grid;position:relative;overflow:hidden}.interface-v2-port-icon{width:44px;height:44px;display:grid;position:relative}.interface-v2-port-icon .lan-port-icon{width:38px;height:38px}.interface-v2-port-icon>i{width:8px;height:8px;position:absolute;top:5px;right:5px}.interface-v2-port-copy{gap:2px;min-width:0;display:grid}.interface-v2-port-copy>span:first-child{align-items:center;gap:5px;min-width:0;display:flex}.interface-v2-port-copy>span:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-v2-port-copy em{padding:2px 5px}.interface-v2-port-copy>b,.interface-v2-port-copy>small,.interface-v2-port-foot{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-v2-port-foot{grid-column:1/-1;justify-content:space-between;gap:7px;margin-top:5px;padding-top:6px;display:flex}.interface-v2-port-foot span{text-overflow:ellipsis;overflow:hidden}.interface-link-speed-form .interfaces-v2-details{margin-bottom:14px}.interface-link-speed-note{margin:0}.interface-drawer-form input,.interface-drawer-form select{min-height:33px}.interface-drawer-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.interface-drawer-checks .check-row{min-height:34px;padding:7px 8px}.interface-activity{gap:10px;display:grid}.interface-live-state{align-items:center;gap:5px;display:inline-flex}.interface-live-state i{width:6px;height:6px}.interface-event-list{gap:0;display:grid}.interface-event{grid-template-columns:12px minmax(0,1fr) auto;gap:8px;padding:9px 0;display:grid;position:relative}.interface-event>i{width:8px;height:8px;margin-top:4px}.interface-event>div{gap:2px;min-width:0;display:grid}.interface-activity-empty{justify-items:center;gap:4px;min-height:140px;padding:20px;display:grid}.interface-drawer-layer{z-index:80;justify-content:flex-end;display:flex;position:fixed;inset:0}.interface-drawer-backdrop{width:100%;height:100%;padding:0;position:absolute;inset:0}.interface-drawer{z-index:1;align-content:start;width:min(460px,100%);height:100%;padding:22px;display:grid;position:relative;overflow-y:auto}.interface-drawer>header{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.interface-drawer h2{margin:3px 0 0}.interface-drawer-close{min-width:34px;min-height:34px;padding:4px}.interface-drawer-intro{margin:15px 0}.interface-drawer-form{gap:13px;display:grid}.interface-drawer-form>button{margin-top:4px}.lan-group-form{padding-bottom:28px}.lan-group-grid,.lan-group-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lan-group-ports{gap:7px;margin:0;padding:10px;display:grid}.lan-group-ports legend{padding:0 5px}.lan-group-ports .check-row{align-items:center;gap:9px;margin:0;padding:9px;display:flex}.lan-group-ports .check-row span,.lan-group-current{gap:2px;display:grid}.lan-group-current,.lan-group-plan,.lan-group-pending{padding:12px}.lan-group-plan>div,.lan-group-pending>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.lan-group-plan ol{margin:10px 0 0;padding-left:19px}.lan-group-plan p{margin:8px 0 0}.lan-group-pending{gap:9px;display:grid}@media (width<=520px){.lan-group-grid,.lan-group-actions{grid-template-columns:1fr}}@media (width<=680px){.interface-v2-port{grid-template-columns:34px minmax(0,1fr);gap:6px;min-height:106px;padding:7px}.interface-v2-port-icon{width:33px;height:33px}.interface-v2-port-icon .lan-port-icon{width:29px;height:29px}.interface-v2-port-copy em{display:none}.interface-v2-port-foot{flex-direction:column;align-items:flex-start;gap:2px}.interface-drawer-checks{grid-template-columns:minmax(0,1fr)}.interface-event{grid-template-columns:12px minmax(0,1fr)}.interface-event time{grid-column:2}.interface-drawer{width:100%;padding:17px 14px}}.dashboard-v2:before{height:360px}.dashboard-v2-hero,.dashboard-v2-hero.is-healthy{min-height:220px}button.interface-drawer-backdrop,button.interface-drawer-backdrop:hover,button.interface-drawer-backdrop:focus,button.interface-drawer-backdrop:focus-visible,button.interface-drawer-backdrop:active,button.pppoe-editor-backdrop,button.pppoe-editor-backdrop:hover,button.pppoe-editor-backdrop:focus,button.pppoe-editor-backdrop:focus-visible,button.pppoe-editor-backdrop:active{transform:none}.monitor-page{gap:12px}.monitor-operator-context{justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;display:flex}.monitor-operator-context>div:first-child{gap:3px;min-width:0;display:grid}.monitor-operator-context>div:last-child{flex:none;gap:8px;display:flex}.monitor-operator-context button{min-height:31px}.monitor-console-bar,.monitor-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.monitor-console-bar>div:first-child{min-width:0}.monitor-console-bar>div:first-child>span,.monitor-console-state>span{align-items:center;gap:7px;display:inline-flex}.monitor-console-bar i,.monitor-console-state i{width:7px;height:7px}.monitor-console-bar h2{margin:5px 0 2px}.monitor-console-bar p,.monitor-console-state small{margin:0}.monitor-console-state{justify-items:end;gap:7px;display:grid}.monitor-toolbar{min-height:53px;padding:9px 12px}.monitor-toolbar>div,.monitor-range-buttons{align-items:center;gap:8px;display:flex}.monitor-toolbar>div>span{margin-right:4px}.monitor-range-buttons{overflow:hidden}.monitor-range-buttons button{min-height:30px;padding:6px 12px}.monitor-refresh{flex:none}.monitor-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.monitor-chart-card{gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.monitor-chart-card.is-wide{grid-column:1/-1}.monitor-chart-head{justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 13px;display:flex}.monitor-chart-head h3{margin:0 0 3px}.monitor-chart-head>div:first-child>span{display:block}.monitor-chart-current{justify-items:end;gap:3px;min-width:90px;display:grid}.monitor-chart-current span{padding:2px 7px}.monitor-chart-legend{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-height:33px;padding:7px 14px 0;display:flex}.monitor-chart-legend span{align-items:center;gap:5px;display:inline-flex}.monitor-chart-legend i{width:17px;height:2px}.monitor-chart-canvas{min-width:0;height:284px;padding:0 8px 8px}.monitor-chart-card:not(.is-wide) .monitor-chart-canvas{height:254px}.monitor-chart-canvas .recharts-brush-texts{display:none}.monitor-chart-empty{min-height:250px;display:grid}@media (width<=900px){.monitor-chart-grid{grid-template-columns:1fr}.monitor-chart-card.is-wide{grid-column:auto}}@media (width<=720px){.monitor-operator-context{flex-direction:column;align-items:stretch}.monitor-operator-context>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.monitor-console-bar,.monitor-toolbar{flex-direction:column;align-items:stretch}.monitor-console-state{justify-items:start}.monitor-toolbar>div{flex-direction:column;align-items:stretch}.monitor-range-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.monitor-refresh{width:100%}.monitor-chart-head{align-items:flex-start}.monitor-chart-current{min-width:76px}.monitor-chart-current strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.monitor-chart-canvas,.monitor-chart-card:not(.is-wide) .monitor-chart-canvas{height:242px;padding-inline:0}}.interface-activity.is-global{gap:12px}.interface-activity.is-global .interface-section-heading{min-height:38px;padding-bottom:10px}.interface-cable-log-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.interface-cable-log-summary>span{align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.interface-cable-log-summary>span>i{width:7px;height:7px}.interface-cable-log-summary small{margin-left:auto}.interface-activity.is-global .interface-event-list{grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.interface-log-list-head{grid-template-columns:42px 62px minmax(0,1fr) 150px;gap:10px;padding:8px 11px;display:grid}.interface-activity.is-global .interface-event{grid-template-columns:42px 62px minmax(0,1fr) 150px;align-items:start;gap:10px;min-width:0;padding:10px 11px}.interface-event-number{justify-content:center;align-items:center;min-height:22px;display:inline-flex}.interface-activity.is-global .interface-event>div>strong{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.interface-activity.is-global .interface-event strong b{padding:2px 5px}.interface-activity.is-global .interface-event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interface-activity.is-global .interface-event time{white-space:nowrap}.interface-log-pagination{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.interface-log-pagination>div{align-items:center;gap:4px;display:flex}.interface-log-pagination button{min-width:29px;min-height:28px;padding:4px 7px}.interface-log-ellipsis{min-width:20px}@media (width<=900px){.interface-activity.is-global .interface-event-list{grid-template-columns:1fr}}@media (width<=720px){.interface-cable-log-summary small{width:100%;margin-left:0}.interface-activity.is-global .interface-event{grid-template-columns:34px 10px minmax(0,1fr);gap:8px}.interface-log-list-head{display:none}.interface-activity.is-global .interface-event time{grid-column:3}.interface-log-pagination{flex-direction:column;align-items:stretch}.interface-log-pagination>div{max-width:100%;padding-bottom:2px;overflow-x:auto}}.hardware-interface-view{gap:11px;min-width:0;display:grid}.hardware-interface-heading{justify-content:space-between;align-items:flex-end;gap:18px;padding:2px 2px 10px;display:flex}.hardware-interface-heading>div:first-child{gap:2px;display:grid}.hardware-interface-health,.hardware-interface-legend{flex-wrap:wrap;align-items:center;gap:7px 12px;display:flex}.hardware-interface-health span,.hardware-interface-legend span{align-items:center;gap:5px;display:inline-flex}.hardware-interface-health i,.hardware-interface-legend i,.hardware-interface-status>i{flex:none;width:8px;height:8px}.hardware-chassis-scroll{min-width:0;padding:12px;overflow-x:auto}.hardware-interface-scroll-hint{color:var(--muted);font-size:12px;display:none}.hardware-chassis-stage{aspect-ratio:5.4;width:100%;min-width:760px;position:relative;overflow:hidden}.r630-css-chassis{-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(#f7f9fa 0 8%,#b9c1c7 9% 13%,#e9edef 14% 88%,#929da5 89% 94%,#dce2e5 95%);border:2px solid #46515a;border-radius:5px;position:absolute;inset:16% 1.5% 14%;overflow:hidden;box-shadow:inset 0 0 0 2px #fff,inset 0 -7px 12px #2b353d38,0 5px 10px #2a343d2e}.r630-css-chassis:before,.r630-css-chassis:after{z-index:4;content:"";background:repeating-linear-gradient(#dce2e5 0 8px,#77838b 9px 11px);border:1px solid #647079;border-radius:3px;width:1.2%;position:absolute;top:5%;bottom:5%}.r630-css-chassis:before{left:.35%}.r630-css-chassis:after{right:.35%}.r630-css-card,.r630-css-io-panel,.r630-css-psu-bank{background:linear-gradient(#f3f5f6,#bdc5ca 48%,#e4e8ea);border:1px solid #69747c;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 2px #ffffffa6,inset 0 -3px 5px #232e3729}.r630-css-card-sfp{width:14%;height:43%;top:8%;left:5.5%}.r630-css-card-rj45{width:18%;height:43%;top:8%;left:34.4%}.r630-css-card-rndc{width:18%;height:39%;top:53%;left:30.2%}.r630-css-io-panel{width:27%;height:39%;top:53%;left:2.2%}.r630-css-vent{background:radial-gradient(circle,#3c4850 0 2px,#0000 2.5px) 0 0/9px 8px,#aeb7bd;border:1px solid #68737b;border-radius:2px;position:absolute;box-shadow:inset 0 0 6px #1a232a66}.r630-css-vent-upper{width:13.1%;height:41%;top:9%;left:20.3%}.r630-css-vent-center{width:7.2%;height:39%;top:53%;left:49.2%}.r630-css-idrac,.r630-css-usb,.r630-css-serial,.r630-css-vga{background:#172029;border:2px solid #58636b;display:block;position:absolute;box-shadow:inset 0 0 0 2px #0a0e12,0 0 0 1px #eef1f2}.r630-css-idrac{border-radius:2px 2px 5px 5px;width:11%;height:58%;top:22%;left:5%}.r630-css-serial{background:#167a78;border-radius:45%;width:18%;height:42%;top:30%;left:22%}.r630-css-vga{background:#245eb4;border-radius:45%;width:18%;height:42%;top:30%;left:47%}.r630-css-usb{background:repeating-linear-gradient(#111920 0 38%,#8e989f 39% 49%,#111920 50% 88%);border-radius:2px;width:12%;height:67%;top:17%;right:5%}.r630-css-psu-bank{gap:1.5%;width:40.5%;height:86%;padding:.8%;display:flex;top:7%;right:1.8%}.r630-css-psu{background:radial-gradient(circle at 70%,#313c44 0 12%,#0f161b 13% 28%,#65717a 29% 31%,#151d23 32% 46%,#0000 47%),linear-gradient(90deg,#dce1e4 0 37%,#aeb7bd 38% 42%,#e9edef 43%);border:1px solid #49545c;border-radius:3px;width:50%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff73}.r630-css-psu:before{content:"";background:#0d1419;border:2px solid #1c242a;border-radius:3px;width:23%;height:56%;position:absolute;top:22%;left:10%}.r630-css-psu b{background:#e97e19;border-radius:2px;width:5%;height:46%;position:absolute;top:27%;left:6%;box-shadow:0 0 4px #793f0873}.hardware-port-hotspot{z-index:2;color:#fff;background:linear-gradient(#222d34,#05080a 72%,#303a40);border:2px solid #d68119;border-radius:4px;min-width:0;min-height:0;padding:0;position:absolute;transform:none;box-shadow:0 0 0 2px #ffffffc7,0 0 10px #d6811942}.hardware-port-hotspot:hover{background:linear-gradient(#38434a,#11171b 72%,#414b51);border-color:#d82b32;transform:none}.hardware-port-hotspot.is-connected{border-color:#1fbd5a;box-shadow:0 0 0 2px #ffffffd1,0 0 11px #1fbd5a61}.hardware-port-hotspot.is-cabled{border-color:#d68119;box-shadow:0 0 0 2px #ffffffd1,0 0 11px #d6811952}.hardware-port-hotspot.is-disconnected{border-color:#d84a5d;box-shadow:0 0 0 2px #ffffffd1,0 0 11px #d84a5d4d}.hardware-port-hotspot.is-unknown{border-color:#8b969f;box-shadow:0 0 0 2px #ffffffd1,0 0 11px #8b969f47}.hardware-port-hotspot.is-rj45{border-radius:3px 3px 6px 6px}.hardware-port-hotspot.is-rj45:after{content:"";background:repeating-linear-gradient(90deg,#b7883b 0 2px,#0000 2px 4px);height:20%;position:absolute;bottom:12%;left:14%;right:14%}.hardware-port-hotspot.is-sfp{border-radius:3px;box-shadow:inset 0 0 0 3px #3e484e,0 0 0 2px #ffffffc7}.hardware-port-hotspot.is-selected,.hardware-port-hotspot:focus-visible{outline-offset:3px;outline:3px solid #d82b32}.hardware-port-hotspot>i{background:#d68119;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:4px}.hardware-port-hotspot.is-connected>i{background:#16d866;box-shadow:0 0 7px #16d866e6}.hardware-port-hotspot.is-cabled>i{background:#f0a12a;box-shadow:0 0 6px #f0a12abf}.hardware-port-hotspot.is-disconnected>i{background:#ee5266;box-shadow:0 0 6px #ee5266b3}.hardware-port-hotspot.is-unknown>i{background:#8b969f;box-shadow:0 0 6px #8b969fa6}.hardware-port-hotspot>span{pointer-events:none;color:#26323c;text-overflow:ellipsis;white-space:nowrap;background:#fffffff5;border:1px solid #cbd3d9;border-radius:3px;max-width:92px;padding:2px 4px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:calc(100% + 5px);left:50%;overflow:hidden;transform:translate(-50%)}.hardware-interface-legend{padding:7px 9px}.hardware-interface-legend small{margin-left:auto}.hardware-interface-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.hardware-interface-status{grid-template-columns:auto minmax(110px,1.2fr) minmax(90px,.8fr) minmax(130px,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:52px;padding:8px 9px;display:grid}.hardware-interface-status:hover{transform:none}.hardware-interface-status>span{gap:2px;min-width:0;display:grid}.hardware-interface-status strong,.hardware-interface-status b,.hardware-interface-status small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hardware-interface-status em{padding:3px 6px}.hardware-interface-overflow{margin:0}.hardware-interface-empty{gap:4px;min-height:220px;display:grid}@media (width<=1120px){.hardware-interface-status-grid{grid-template-columns:1fr}}@media (width<=720px){.hardware-interface-heading{flex-direction:column;align-items:stretch}.hardware-interface-health{justify-content:flex-start}.hardware-chassis-scroll{padding:9px}.hardware-chassis-stage{min-width:720px}.hardware-interface-scroll-hint{margin-top:-5px;display:block}.hardware-interface-legend small{width:100%;margin-left:0}.hardware-interface-status{grid-template-columns:auto minmax(0,1fr) auto}.hardware-interface-status>span:nth-of-type(2),.hardware-interface-status>span:nth-of-type(3){grid-column:2/-1}.hardware-interface-status em{grid-area:1/3}}.wan-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.wan-card{padding:20px}.wan-card header{justify-content:space-between;gap:12px;display:flex}.wan-card dl{grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.wan-card dd{overflow-wrap:anywhere;margin:0}.wan-gateway-summary{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.wan-gateway-summary>div{gap:3px;display:grid}.wan-gateway-summary span,.wan-gateway-summary p{color:var(--muted);font-size:14px}.wan-gateway-summary strong{color:var(--text);font-size:24px;line-height:1.15}.wan-gateway-summary p{text-align:right;margin:0}@media (width<=480px){.wan-gateway-summary{flex-direction:column;align-items:flex-start}.wan-gateway-summary p{text-align:left}}.workspace-scroll :is(.page-stack,.dashboard-v2,.monitor-page,.interfaces-v2-page,.pppoe-workspace){gap:24px}:is(.dashboard-v2-hero,.monitor-hero,.traffic-hero,.interfaces-v2-command,.interface-map-hero,.pppoe-hero,.dhcp-operator-hero,.idrac-hero){min-height:0;padding:20px}:is(.dashboard-v2-hero,.monitor-hero,.traffic-hero,.interfaces-v2-command,.interface-map-hero,.pppoe-hero,.dhcp-operator-hero,.idrac-hero):before,.dashboard-v2-topology{display:none}.dashboard-v2-hero{grid-template-columns:1fr;gap:12px}.dashboard-v2-quick-actions{padding-top:12px}:is(.split-grid,.metric-grid,.status-grid,.form-grid){gap:14px}.network-help,.network-runtime{padding:13px 15px}.network-help{grid-template-columns:minmax(130px,.22fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}button:not(.nav-backdrop):not(.hardware-port-hotspot){border-radius:9px}.action-feedback{z-index:90}.action-feedback-card{pointer-events:none}.action-feedback-close{pointer-events:auto}@media (width<=900px){.dashboard-v2-quick-actions{flex-wrap:wrap;display:flex}.network-help{grid-template-columns:1fr;gap:4px}}@media (width<=520px){.network-runtime{align-items:flex-start}.network-runtime>span:last-child{width:100%}}.pppoe-operator-hero:after{content:"";pointer-events:none;width:220px;height:220px;position:absolute;bottom:-80px;right:-55px}.pppoe-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-hero-stats>span{gap:2px;padding:13px 15px}.pppoe-hero-actions{z-index:1;align-content:center;justify-items:end;position:relative}.pppoe-setup-preview{justify-content:center;align-items:center;gap:10px;display:flex}.pppoe-setup-preview>span{justify-items:center;gap:8px;min-width:72px;display:grid}.pppoe-setup-preview i{width:38px;height:38px;display:grid}.pppoe-setup-preview small{white-space:nowrap}.pppoe-setup-preview b{width:clamp(20px,3vw,48px);height:1px}.pppoe-session-grid{gap:14px;padding:16px}.pppoe-session-card:before{content:"";height:3px}.pppoe-session-card>header{padding:15px 16px 13px}.pppoe-session-message{min-height:50px;padding:12px 16px}.pppoe-session-facts>div{padding:11px 12px}.pppoe-session-card>footer{padding:12px 14px}.pppoe-onboarding{grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);min-height:410px;display:grid}.pppoe-onboarding-visual{justify-content:center;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden}.pppoe-onboarding-visual:before,.pppoe-onboarding-visual:after{content:"";width:250px;height:250px;position:absolute}.pppoe-onboarding-visual:after{width:360px;height:360px}.pppoe-onboarding-visual>span{z-index:1;width:68px;height:68px;display:grid;position:relative}.pppoe-onboarding-visual .pppoe-gateway-mark{width:84px;height:84px}.pppoe-onboarding-visual>i{z-index:1;width:clamp(22px,3vw,54px);height:2px;position:relative}.pppoe-onboarding-copy{align-content:center;justify-items:start;padding:36px clamp(28px,4vw,58px);display:grid}.pppoe-onboarding-copy h3{margin:7px 0 8px}.pppoe-onboarding-copy>p{max-width:590px;margin:0}.pppoe-onboarding-copy ol{gap:13px;width:100%;margin:24px 0;padding:0;display:grid}.pppoe-onboarding-copy li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;display:grid}.pppoe-onboarding-copy li>i{width:30px;height:30px;display:grid}.pppoe-onboarding-copy li>span{gap:1px;display:grid}.pppoe-onboarding-copy>button span{margin-left:4px}@media (width<=1180px){.pppoe-operator-hero{grid-template-columns:minmax(270px,.95fr) minmax(390px,1.05fr)}.pppoe-hero-actions{grid-column:1/-1;grid-template-columns:1fr auto;justify-items:start}}@media (width<=900px){.pppoe-operator-hero{grid-template-columns:1fr;gap:20px;padding:22px}.pppoe-hero-actions{grid-column:auto}.pppoe-onboarding{grid-template-columns:1fr}.pppoe-onboarding-visual{min-height:230px}}@media (width<=620px){.pppoe-workspace{gap:12px}.pppoe-operator-hero{min-height:0;padding:18px}.pppoe-setup-preview{gap:5px}.pppoe-setup-preview>span{min-width:62px}.pppoe-section-head{min-height:0;padding:14px}.pppoe-session-grid{padding:10px}.pppoe-onboarding{min-height:0}.pppoe-onboarding-visual{gap:10px;min-height:190px}.pppoe-onboarding-visual>span{width:54px;height:54px}.pppoe-onboarding-visual .pppoe-gateway-mark{width:68px;height:68px}.pppoe-onboarding-copy{padding:25px 20px 28px}.pppoe-onboarding-copy ol{margin:20px 0}.pppoe-onboarding-copy>button{width:100%}}.if-summary>button{justify-content:stretch}@media (width<=600px){.if-summary>button small{display:none}}.dashboard-v2:before{left:0;right:0}.dashboard-v2 .dashboard-v2-hero:after{display:none}.monitor-data-state{gap:8px;padding:28px 18px;display:grid}@media (width<=600px){body:has(:is(.dashboard-v2,.monitor-page)) .shell-page-head{gap:4px;padding-block:8px}body:has(:is(.dashboard-v2,.monitor-page)) .shell-page-head p{display:none}.dashboard-v2 .dashboard-v2-hero{gap:8px;padding:12px}.dashboard-v2 .dashboard-v2-hero h2{margin:2px 0}.dashboard-v2 .dashboard-v2-hero-copy{gap:6px}.dashboard-v2 .dashboard-v2-hero-copy>p{display:none}.dashboard-v2 .dashboard-v2-status-label{align-self:start;padding:3px 7px}.dashboard-v2 .dashboard-v2-hero-meta{gap:5px}.dashboard-v2 .dashboard-v2-hero-meta span{padding:4px 6px}.dashboard-v2 .dashboard-v2-quick-actions{gap:6px;padding-top:8px}.dashboard-v2 .dashboard-v2-quick-actions button{min-height:40px;padding:7px 9px}.monitor-page .monitor-console-bar{gap:6px;padding:10px 12px}.monitor-page .monitor-console-bar h2{display:none}.monitor-page .monitor-console-state{flex-wrap:wrap;align-items:center;gap:5px 12px;display:flex}.monitor-page .monitor-operator-context{gap:6px;padding:10px 12px}.monitor-page .monitor-operator-context>div:last-child{flex-wrap:wrap;display:flex}.monitor-page .monitor-operator-context button{min-height:36px}.monitor-page .monitor-toolbar{gap:8px;padding:8px}.monitor-page .monitor-toolbar>div>span{display:none}.monitor-page .monitor-range-buttons{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.monitor-page .monitor-range-buttons button{min-height:40px;padding:7px 4px}.monitor-page .monitor-refresh{align-self:flex-end;min-height:36px}.monitor-page .monitor-chart-head{padding:10px}}.network-help,.network-runtime{margin-bottom:12px;padding:14px 16px}.network-help p{margin:6px 0}.network-runtime{flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:flex}.network-workspace{min-width:0}.network-workspace .routing-dual-wan :is(p,small,dt,.routing-dual-wan-kicker){white-space:normal}.network-workspace button[data-action-running=true]:after{content:"กำลังทำงาน…"}.network-workspace input:not([type=checkbox]),.network-workspace select{min-height:40px}.wan-access-panel{border:1px solid var(--line);background:var(--surface);border-radius:5px;margin-top:16px;display:grid;overflow:hidden}.wan-access-toolbar{border-bottom:1px solid var(--line);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.wan-access-toolbar>div{min-width:0}.wan-access-kicker{color:var(--brand);letter-spacing:.09em;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.wan-access-panel h3{color:var(--text);margin:0;font-size:15px}.wan-access-panel p{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.5}.wan-access-table-wrap{min-width:0;overflow-x:auto}.wan-access-table{border-collapse:collapse;width:100%;color:var(--text);font-size:12px}.wan-access-table th{border-bottom:1px solid var(--line);background:var(--surface-strong);height:36px;color:var(--muted);letter-spacing:.045em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:7px 12px;font-size:10px;font-weight:800}.wan-access-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;height:52px;padding:8px 12px}.wan-access-table tr:last-child td{border-bottom:0}.wan-access-table tbody tr:hover{background:var(--surface-soft)}.wan-access-table tbody tr.is-selected{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.wan-access-table tbody tr.is-selected{background:color-mix(in srgb, var(--brand) 5%, var(--surface))}}.wan-access-table strong,.wan-access-table small,.wan-mobile-interface{display:block}.wan-mobile-select{display:none}.wan-access-table strong{font-size:13px}.wan-access-table small{color:var(--muted);margin-top:2px;font-size:10px}.wan-access-table .wan-access-check{text-align:center;width:38px}.wan-access-check input{width:16px;min-width:0;height:16px}.wan-zone-badge,.wan-saved-state,.wan-policy-state{white-space:nowrap;align-items:center;display:inline-flex}.wan-zone-badge{border:1px solid var(--brand);justify-content:center;min-width:42px;padding:3px 7px}@supports (color:color-mix(in lab, red, red)){.wan-zone-badge{border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line))}}.wan-zone-badge{background:var(--brand-soft);color:var(--brand);border-radius:3px;font-weight:800}.wan-policy-state{gap:6px;font-size:10px;font-weight:800}.wan-policy-state i{background:var(--muted);border-radius:50%;width:7px;height:7px}.wan-policy-state.allow{color:var(--ok)}.wan-policy-state.allow i{background:var(--ok)}.wan-policy-state.deny{color:var(--muted)}.wan-saved-state{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.wan-saved-state.enabled{background:var(--ok)}@supports (color:color-mix(in lab, red, red)){.wan-saved-state.enabled{background:color-mix(in srgb, var(--ok) 12%, transparent)}}.wan-saved-state.enabled{color:var(--ok)}.wan-saved-state.disabled{background:var(--surface-strong);color:var(--muted)}.wan-access-empty{text-align:center;padding:22px 16px}.wan-access-footer{border-top:1px solid var(--line);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.wan-access-footer>div{min-width:0}.wan-access-save{flex:none;min-width:104px}.vpn-confirm-banner{z-index:20;gap:8px;padding:16px;display:grid;position:sticky;top:8px}.vpn-sections{flex-wrap:wrap;gap:8px;display:flex}.vpn-sections a{padding:10px 16px}@media (width<=600px){.network-workspace button,.network-workspace summary{min-height:44px}.wan-access-toolbar{align-items:flex-start}.wan-access-table thead{display:none}.wan-access-table,.wan-access-table tbody{display:block}.wan-access-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;padding:12px;display:grid}.wan-access-table td{border:0;height:auto;padding:0;display:block}.wan-access-table td:first-child{display:none}.wan-access-table td:nth-child(2){grid-area:1/1}.wan-access-table td:nth-child(3){grid-area:1/2}.wan-access-table td:nth-child(4){grid-area:2/1/auto/3}.wan-access-table td:nth-child(5){grid-area:3/1/auto/3}.wan-mobile-interface{cursor:pointer;align-items:center;gap:12px;display:flex}.wan-mobile-select{width:19px;min-width:19px;height:19px;display:block}.wan-access-footer{display:grid}.wan-access-save{width:100%}.vpn-confirm-banner{position:sticky;top:0}}.pppoe-workspace{gap:16px}.pppoe-operator-hero{grid-template-columns:minmax(310px,1fr) minmax(500px,1.35fr) auto;align-items:center;gap:20px;min-height:0;padding:18px 20px;display:grid;position:relative;overflow:visible}.pppoe-operator-hero:after{display:none}.pppoe-summary-heading{align-items:center;gap:14px;min-width:0;display:flex}.pppoe-summary-icon{flex:none;width:48px;height:48px;display:grid}.pppoe-summary-icon svg{width:23px;height:23px}.pppoe-operator-copy{min-width:0}.pppoe-operator-copy h2{margin:4px 0 3px}.pppoe-operator-copy p{max-width:600px}.pppoe-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.pppoe-hero-stats>span{grid-template-rows:auto auto;grid-template-columns:27px minmax(0,1fr);gap:1px 8px;min-width:0;padding:9px 10px;display:grid}.pppoe-hero-stats>span>i{grid-row:1/3;align-self:center;width:27px;height:27px;display:grid}.pppoe-hero-stats>span>i svg{width:14px;height:14px}.pppoe-hero-stats small{text-overflow:ellipsis;white-space:nowrap;align-self:end;overflow:hidden}.pppoe-hero-stats strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pppoe-hero-actions{z-index:1;align-content:center;justify-items:end;gap:8px;display:grid;position:relative}.pppoe-hero-actions .pill{white-space:nowrap}.pppoe-hero-actions button,.pppoe-onboarding-copy>button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.pppoe-hero-actions button svg,.pppoe-onboarding-copy>button svg{width:15px;height:15px}.pppoe-session-panel,.pppoe-activity-panel{padding:0;overflow:hidden}.pppoe-section-head{min-height:72px;padding:15px 18px}.pppoe-section-meta{flex:none;align-items:center;gap:8px;display:flex}.pppoe-section-meta>span:first-child{white-space:nowrap}.pppoe-session-grid{grid-template-columns:1fr;gap:0;padding:0;display:grid}.pppoe-session-card{grid-template-columns:minmax(210px,.8fr) minmax(390px,1.55fr) minmax(270px,1fr);grid-template-areas:"head facts footer""message facts footer";min-width:0;display:grid;position:relative;overflow:hidden}.pppoe-session-card:before{z-index:2;content:"";width:3px;height:auto;position:absolute;inset:0 auto 0 0}.pppoe-session-card>header{grid-area:head;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:15px 14px 5px 17px;display:flex}.pppoe-session-card>header h3{margin-top:4px}.pppoe-session-role{gap:3px}.pppoe-session-role span{padding:3px 7px}.pppoe-session-message{grid-area:message;min-height:0;margin:0;padding:0 14px 15px 17px}.pppoe-session-facts{grid-area:facts;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;margin:0;display:grid}.pppoe-session-facts>div{align-content:center;gap:3px;min-width:0;padding:10px 12px;display:grid}.pppoe-session-facts dt{align-items:center;gap:5px;display:flex}.pppoe-session-facts dt svg{width:12px;height:12px}.pppoe-session-facts dd small{margin-top:2px}.pppoe-session-card>footer{flex-direction:column;grid-area:footer;justify-content:center;align-items:stretch;gap:7px;padding:12px 14px;display:flex}.pppoe-session-card footer button{justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 8px;display:inline-flex}.pppoe-session-card footer button svg{flex:none;width:12px;height:12px}.pppoe-primary-actions,.pppoe-secondary-actions{flex-wrap:wrap;gap:6px;display:flex}.pppoe-primary-actions>*,.pppoe-secondary-actions>*{flex:auto}.pppoe-onboarding{min-height:340px}.pppoe-onboarding-copy>button{padding-inline:16px}.pppoe-editor{width:min(760px,100%)}.pppoe-editor-header{padding:17px 20px 14px}.pppoe-editor-sections{grid-template-columns:1fr;gap:13px;padding:15px 18px 20px}.pppoe-editor fieldset{padding:14px}.pppoe-editor legend{align-items:center;gap:7px;display:flex}.pppoe-editor legend:before{content:"01";width:23px;height:23px;display:inline-grid}.pppoe-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}.pppoe-editor label>:is(input,select){min-height:40px}.pppoe-editor .advanced-settings{overflow:hidden}.pppoe-editor .advanced-settings>summary{min-height:45px;padding:12px 14px}.pppoe-editor .advanced-settings legend{display:none}.pppoe-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pppoe-toggle-grid .check-row{min-height:60px;padding:9px 10px}.pppoe-editor-footer{padding:11px 18px}.pppoe-activity-tabs{margin:14px 16px 9px}.pppoe-selected-log{margin:0 16px 16px}@media (width<=1280px){.pppoe-operator-hero{grid-template-columns:minmax(280px,.85fr) minmax(450px,1.15fr)}.pppoe-hero-actions{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center start}.pppoe-session-card{grid-template-columns:minmax(210px,.72fr) minmax(390px,1.28fr);grid-template-areas:"head facts""message facts""footer footer"}.pppoe-session-card>footer{flex-direction:row;justify-content:space-between;align-items:center;padding-block:9px}}@media (width<=900px){.pppoe-operator-hero{grid-template-columns:1fr;gap:14px}.pppoe-hero-actions{grid-column:auto}.pppoe-session-card{grid-template-columns:1fr;grid-template-areas:"head""message""facts""footer";display:grid}}@media (width<=620px){.pppoe-workspace{gap:12px}.pppoe-operator-hero{gap:13px;padding:14px}.pppoe-summary-heading{align-items:flex-start;gap:11px}.pppoe-summary-icon{width:42px;height:42px}.pppoe-summary-icon svg{width:20px;height:20px}.pppoe-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pppoe-hero-stats>span{padding:8px 9px}.pppoe-hero-actions{justify-content:space-between;align-items:center;display:flex}.pppoe-hero-actions button{width:auto}.pppoe-section-head{min-height:0;padding:13px 14px}.pppoe-section-meta>span:first-child{display:none}.pppoe-session-card>header{padding:13px 13px 5px 16px}.pppoe-session-message{padding:0 13px 12px 16px}.pppoe-session-facts>div{padding:9px 10px}.pppoe-session-card>footer{flex-direction:column;align-items:stretch;padding:10px 12px}.pppoe-session-card footer button{min-height:34px}.pppoe-primary-actions,.pppoe-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.pppoe-secondary-actions>:only-child{grid-column:1/-1}.pppoe-editor-header{padding:13px 14px 11px}.pppoe-editor-sections{gap:10px;min-height:0;padding:11px 10px 15px}.pppoe-editor fieldset{padding:11px}.pppoe-editor .form-grid,.pppoe-toggle-grid{grid-template-columns:1fr}.pppoe-editor .form-grid{gap:7px}.pppoe-editor label>:is(input,select){min-height:38px}.pppoe-editor .tw-field>small.field-hint{display:none}.pppoe-toggle-grid .check-row{min-height:52px}.pppoe-editor-footer{flex-direction:column;align-items:stretch;gap:8px;padding:9px 10px}.pppoe-editor-footer .button-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}.vpn-service-overview{--vpn-state:var(--muted);border:1px solid var(--line);border-left:4px solid var(--vpn-state);background:var(--surface);color:var(--text);border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);display:grid;overflow:hidden}.vpn-service-overview.is-active{--vpn-state:var(--ok)}.vpn-service-overview.is-attention{--vpn-state:var(--warn)}.vpn-service-overview-main{min-width:0;padding:22px 24px}.vpn-service-kicker{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.vpn-service-state{justify-content:space-between;align-items:center;gap:12px;display:flex}.vpn-service-state strong{font-size:clamp(18px,1.8vw,23px);line-height:1.3}.vpn-service-dot{background:var(--vpn-state);width:12px;height:12px;box-shadow:0 0 0 4px var(--vpn-state);border-radius:50%;flex:0 0 12px}@supports (color:color-mix(in lab, red, red)){.vpn-service-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--vpn-state) 13%, transparent)}}.vpn-service-overview-main>p{max-width:65ch;color:var(--muted);margin:10px 0 18px;font-size:13px;line-height:1.65}.vpn-service-facts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:0;display:grid}.vpn-service-facts>div{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:8px;min-width:0;padding:10px 12px}.vpn-service-facts dt{color:var(--muted);margin-bottom:4px;font-size:11px}.vpn-service-facts dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:650}.vpn-service-overview-actions{border-left:1px solid var(--line);background:var(--surface-soft);min-width:0;padding:20px}.vpn-service-overview-actions h2{margin:0 0 12px;font-size:15px}.vpn-service-shortcuts{gap:7px;display:grid}.vpn-service-shortcuts button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.vpn-service-shortcuts button:hover{border-color:var(--brand);color:var(--brand)}.vpn-service-shortcuts button:focus-visible,.vpn-advanced-settings>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vpn-service-shortcuts button>span{background:var(--brand-soft);height:22px;color:var(--brand);border-radius:50%;flex:0 0 22px;place-items:center;font-size:11px;font-weight:700;display:grid}.vpn-service-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.vpn-advanced-settings{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;grid-column:1/-1;min-width:0}.vpn-advanced-settings>summary{cursor:pointer;color:var(--text);padding:13px 16px}.vpn-advanced-settings>summary strong,.vpn-advanced-settings>summary small{display:block}.vpn-advanced-settings>summary strong{font-size:13px}.vpn-advanced-settings>summary small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.vpn-advanced-settings>.form-grid{border-top:1px solid var(--line);padding:16px}.vpn-advanced-settings[open]>summary{color:var(--brand)}.vpn-action-help{color:var(--muted);margin:16px 0 10px;font-size:12px;line-height:1.6}.vpn-service-overview+.routed-public-panel{margin-top:2px}#wireguard-settings>.form-grid>.tw-field{align-self:start}.vpn-server-key{align-self:start;gap:9px;min-width:0;display:grid}.vpn-server-key-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.vpn-server-key-actions small{color:var(--muted);font-size:12px;line-height:1.5}.vpn-server-key .vpn-client-public{min-width:0}.vpn-server-key button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vpn-client-config{gap:14px;display:grid}.vpn-client-steps{color:var(--muted);gap:5px;margin:0;padding-left:24px;font-size:13px;display:grid}.vpn-client-controls,.vpn-client-preview-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.vpn-client-preview-head{justify-content:space-between}.vpn-client-public{gap:5px;margin:0;font-size:13px;display:grid}.vpn-client-public code{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:10px}.vpn-client-ip-row{flex-wrap:wrap;align-items:center;gap:10px;min-height:42px;display:flex}.vpn-client-ip-row strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vpn-client-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;overflow-x:auto}.vpn-client-pfsense{border-top:1px solid var(--line);padding-top:12px;font-size:13px}.vpn-client-pfsense summary{cursor:pointer;font-weight:650}.vpn-client-pfsense p{color:var(--muted);line-height:1.6}.vpn-client-config button:focus-visible,.vpn-client-pfsense summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vpn-peer-monitor .panel-head{align-items:flex-start;gap:12px}.vpn-peer-monitor .panel-head h2{margin-bottom:4px}.vpn-peer-monitor .panel-head p{margin:0}.vpn-peer-monitor button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vpn-peer-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.vpn-peer-summary>div{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:9px;min-width:0;padding:12px 14px}.vpn-peer-summary dt,.vpn-peer-details dt{color:var(--muted);font-size:12px}.vpn-peer-summary dd{color:var(--text);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:20px;font-weight:700}.vpn-traffic-history-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.vpn-traffic-history-toolbar>div:first-child{gap:3px;display:grid}.vpn-traffic-history-toolbar>div:first-child strong{font-size:13px}.vpn-traffic-history-toolbar>div:first-child span{color:var(--muted);font-size:11px}.vpn-traffic-history-toolbar [role=group]{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.vpn-traffic-history-toolbar button{min-height:30px;padding:5px 10px}.vpn-traffic-history-toolbar button.is-active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.vpn-traffic-history{margin:0 0 16px}.vpn-traffic-history .monitor-chart-card{border-color:var(--line-soft);background:var(--surface-soft)}.vpn-traffic-history .monitor-chart-canvas{height:245px}.vpn-traffic-history .monitor-chart-empty{min-height:210px}.vpn-peer-scroll-hint{color:var(--muted);margin:0 0 7px;font-size:11px;display:none}.vpn-peer-list{border:1px solid var(--line);border-radius:10px;max-width:100%;overflow:auto hidden}.vpn-peer-list:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vpn-peer-table-head,.vpn-peer-row{grid-template-columns:44px minmax(145px,1.3fr) minmax(145px,1.1fr) minmax(100px,.9fr) minmax(155px,1.2fr) minmax(125px,.95fr) minmax(110px,.9fr) minmax(110px,.9fr) 64px;align-items:center;gap:12px;min-width:1080px;padding:11px 14px;display:grid}.vpn-peer-table-head{color:var(--muted);background:var(--surface-soft);font-size:11px;font-weight:700}.vpn-peer-table-head>:first-child{text-align:center}.vpn-peer-row{background:var(--surface);min-width:0;font-size:12px}.vpn-peer-row+.vpn-peer-row{border-top:1px solid var(--line-soft)}.vpn-peer-row:nth-child(odd){background:var(--surface-soft)}.vpn-peer-row:hover{background:var(--ok)}@supports (color:color-mix(in lab, red, red)){.vpn-peer-row:hover{background:color-mix(in srgb, var(--ok) 4%, var(--surface))}}.vpn-peer-cell{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0}.vpn-peer-index{color:var(--muted);text-align:center;font-weight:700}.vpn-peer-identity strong,.vpn-peer-egress strong,.vpn-peer-traffic strong{color:var(--text);font-size:13px;display:block}.vpn-peer-key{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;display:block}.vpn-peer-name-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.vpn-peer-name-line strong{overflow-wrap:anywhere;min-width:0}.vpn-peer-edit{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;flex:none;padding:4px 7px;font-size:11px;font-weight:700}.vpn-peer-edit:hover{border-color:var(--focus)}.vpn-peer-edit:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vpn-peer-edit-form{gap:16px;display:grid}.vpn-peer-edit-form label{gap:6px;font-weight:600;display:grid}.vpn-peer-state{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.vpn-peer-state svg{flex:none}.vpn-peer-state.is-connected{border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.vpn-peer-state.is-connected{border-color:color-mix(in srgb, var(--ok) 35%, transparent)}}.vpn-peer-state.is-connected{color:var(--ok);background:var(--ok)}@supports (color:color-mix(in lab, red, red)){.vpn-peer-state.is-connected{background:color-mix(in srgb, var(--ok) 10%, transparent)}}.vpn-peer-state.is-disconnected{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.vpn-peer-state.is-disconnected{border-color:color-mix(in srgb, var(--danger) 35%, transparent)}}.vpn-peer-state.is-disconnected{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.vpn-peer-state.is-disconnected{background:color-mix(in srgb, var(--danger) 9%, transparent)}}.vpn-peer-connection{white-space:nowrap;align-items:center;gap:7px;display:flex}.vpn-peer-connection small{color:var(--muted);font-size:10px;font-weight:600}.vpn-peer-egress strong{font-family:ui-monospace,SFMono-Regular,monospace}.vpn-peer-egress small,.vpn-peer-traffic small{color:var(--muted);margin-top:3px;font-size:10px;font-weight:500;display:block}@media (width<=1200px){.vpn-peer-scroll-hint{display:block}}@media (width<=900px){.vpn-service-overview{grid-template-columns:1fr}.vpn-service-overview-actions{border-left:0;border-top:1px solid var(--line)}.vpn-peer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.vpn-service-overview-main{padding:18px}.vpn-service-overview-actions{padding:16px 18px}.vpn-service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.vpn-advanced-settings>.form-grid{padding:12px}.vpn-traffic-history-toolbar{flex-direction:column;align-items:stretch}.vpn-traffic-history-toolbar [role=group]{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.vpn-traffic-history-toolbar button{padding-inline:4px}.vpn-traffic-history .monitor-chart-head{flex-direction:column}.vpn-traffic-history .monitor-chart-current{justify-items:start}}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.inset-0{inset:0}.inset-y-0{inset-block:0}.right-0{right:0}.isolate{isolation:isolate}.z-50{z-index:50}.m-0{margin:0}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-4{height:calc(var(--spacing) * 4)}.max-h-\[90dvh\]{max-height:90dvh}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-caution\/35{border-color:var(--warn)}@supports (color:color-mix(in lab, red, red)){.border-caution\/35{border-color:color-mix(in oklab, var(--warn) 35%, transparent)}}.border-default-200{border-color:var(--color-default-200)}.border-edge{border-color:var(--line)}.border-edge-soft{border-color:var(--line-soft)}.border-negative\/35{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-negative\/35{border-color:color-mix(in oklab, var(--danger) 35%, transparent)}}.border-negative\/40{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-negative\/40{border-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.border-positive\/35{border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.border-positive\/35{border-color:color-mix(in oklab, var(--ok) 35%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-canvas{background-color:var(--canvas)}.bg-card{background-color:var(--color-card)}.bg-caution\/10{background-color:var(--warn)}@supports (color:color-mix(in lab, red, red)){.bg-caution\/10{background-color:color-mix(in oklab, var(--warn) 10%, transparent)}}.bg-negative\/10{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-negative\/10{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-panel{background-color:var(--surface)}.bg-panel-soft{background-color:var(--surface-soft)}.bg-panel-strong{background-color:var(--surface-strong)}.bg-positive\/10{background-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.bg-positive\/10{background-color:color-mix(in oklab, var(--ok) 10%, transparent)}}.bg-primary{background-color:var(--color-primary)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-caution{color:var(--warn)}.text-danger{color:var(--color-danger)}.text-default-800{color:var(--color-default-800)}.text-ink{color:var(--text)}.text-ink-muted{color:var(--muted)}.text-negative{color:var(--danger)}.text-positive{color:var(--ok)}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-primary{accent-color:var(--color-primary)}.shadow-console{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-accent\/20{--tw-shadow-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.shadow-accent\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--brand) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.first\:border-0:first-child{border-style:var(--tw-border-style);border-width:0}.first\:pt-0:first-child{padding-top:0}@media (hover:hover){.hover\:bg-default-100:hover{background-color:var(--color-default-100)}}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-body-bg:var(--color-zinc-950);--color-body-color:var(--color-zinc-400);--color-card:var(--color-zinc-900);--color-default-50:var(--color-zinc-950);--color-default-100:var(--color-zinc-900);--color-default-150:var(--color-zinc-800);--color-default-200:var(--color-zinc-800);--color-default-300:var(--color-zinc-700);--color-default-400:var(--color-zinc-600);--color-default-500:var(--color-zinc-500);--color-default-600:var(--color-zinc-400);--color-default-700:var(--color-zinc-300);--color-default-800:var(--color-zinc-200);--color-default-900:var(--color-zinc-100);--color-default-950:var(--color-zinc-50);--topbar-background:var(--color-default-100)}html[data-theme=light],html[data-sidenav-color=light]{--sidenav-background:var(--color-white);--sidenav-item-color:var(--color-zinc-600);--sidenav-item-active-color:var(--color-blue-500);--sidenav-item-active-bg:#3080ff1a}@supports (color:color-mix(in lab, red, red)){html[data-theme=light],html[data-sidenav-color=light]{--sidenav-item-active-bg:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}html[data-theme=light],html[data-sidenav-color=light]{--sidenav-item-hover-color:var(--color-blue-500);--sidenav-item-hover-bg:#3080ff1a}@supports (color:color-mix(in lab, red, red)){html[data-theme=light],html[data-sidenav-color=light]{--sidenav-item-hover-bg:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}html[data-sidenav-color=dark],html[data-theme=dark][data-sidenav-color=light]{--sidenav-background:var(--color-zinc-900);--sidenav-item-color:var(--color-zinc-400);--sidenav-item-active-color:var(--color-zinc-50);--sidenav-item-active-bg:var(--color-zinc-800);--sidenav-item-hover-color:var(--color-zinc-300);--sidenav-item-hover-bg:var(--color-zinc-800)}.wrapper{width:100%;height:100%;display:flex}.page-content{width:100%;height:100vh;transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);flex-direction:column;flex-grow:1;display:flex;overflow:auto}main{width:100%;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 6);flex-grow:1}.app-menu{z-index:40;max-height:100vh;width:var(--spacing-sidenav-width);min-width:var(--spacing-sidenav-width);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:currentColor;flex-direction:column;display:flex;position:relative;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.app-menu{border-color:color-mix(in oklab, currentcolor 10%, transparent)}}.app-menu{background-color:var(--sidenav-background);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-property:width,min-width,margin;transition-duration:.3s}.side-nav{gap:var(--spacing);flex-direction:column;width:100%;display:flex}.side-nav .menu-title{height:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--sidenav-item-color);text-transform:uppercase;opacity:1;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;align-items:center;transition-duration:.3s;display:flex}.side-nav .menu-item .menu-link{align-items:center;column-gap:calc(var(--spacing) * 3);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--sidenav-item-color);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));font-size:var(--sidenav-item-font-size);line-height:var(--sidenav-item-font-size);padding:var(--sidenav-link-padding-y) var(--sidenav-link-padding-x);background-color:#0000;border-radius:.25rem;display:flex;position:relative}.side-nav .menu-item .menu-link>.menu-icon{width:var(--sidenav-item-icon-size);height:var(--sidenav-item-icon-size);font-size:var(--sidenav-item-icon-size);line-height:var(--sidenav-item-icon-size);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.side-nav .menu-item .menu-link>.menu-icon svg{width:var(--sidenav-item-icon-size);height:var(--sidenav-item-icon-size)}.side-nav .menu-item .menu-link>.menu-text{white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.side-nav .menu-item .menu-link>.menu-arrow{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));margin-inline-start:auto}.side-nav .menu-item .menu-link>.menu-arrow:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){rotate:180deg}.side-nav .menu-item .menu-link>.menu-arrow.hs-accordion.active,.hs-accordion.active>:is(.side-nav .menu-item .menu-link>.menu-arrow),.hs-accordion.active>.hs-accordion-toggle :is(.side-nav .menu-item .menu-link>.menu-arrow),.hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle :is(.side-nav .menu-item .menu-link>.menu-arrow),.hs-accordion.active>.side-nav .menu-item .menu-link>.menu-arrow.hs-accordion-toggle,.hs-accordion.active>.hs-accordion-heading>.side-nav .menu-item .menu-link>.menu-arrow.hs-accordion-toggle,.hs-accordion.active .side-nav .menu-item .menu-link>.menu-arrow.hs-accordion-force-active{rotate:90deg}.side-nav .menu-item .menu-link:is(.open,.active,:active,:focus){color:var(--sidenav-item-active-color)}.side-nav .menu-item .menu-link:hover{color:var(--sidenav-item-hover-color)}.side-nav .menu-item .menu-link .badge{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-size:.75em;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.side-nav .menu-item.active .menu-link.active .menu-arrow{rotate:90deg}.side-nav>.menu-item>.menu-link:is(.open,.active,:active,:focus){background-color:var(--sidenav-item-active-bg)}.side-nav>.menu-item>.menu-link:hover{background-color:var(--sidenav-item-hover-bg)}.side-nav>.menu-item.active>.menu-link{background-color:var(--sidenav-item-active-bg);color:var(--sidenav-item-active-color)}.side-nav .sub-menu{width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;padding-inline-start:calc(var(--spacing) * 7.5);transition-duration:.3s;overflow:hidden}.side-nav .sub-menu .menu-item{margin-top:var(--spacing)}.side-nav .sub-menu .sub-menu{margin-inline-start:calc(var(--sidenav-item-icon-size) * -1)}.side-nav .sub-menu .menu-link:before{width:var(--spacing);height:var(--spacing);background-color:currentColor;border-radius:3.40282e38px;display:inline-block;position:absolute;inset-inline-start:calc(var(--spacing) * -3)}@supports (color:color-mix(in lab, red, red)){.side-nav .sub-menu .menu-link:before{background-color:color-mix(in oklab, currentcolor 50%, transparent)}}.side-nav .sub-menu .menu-link:before{--tw-content:"";content:var(--tw-content)}.side-nav .sub-menu .menu-link.active{color:var(--sidenav-item-active-color);background-color:#0000}.side-nav .sub-menu .menu-link.active:before{content:var(--tw-content);background-color:currentColor}#button-hover-toggle{height:var(--spacing-topbar-height);color:var(--sidenav-item-color);justify-content:center;align-items:center;display:none;position:relative}@supports (color:color-mix(in lab, red, red)){#button-hover-toggle{color:color-mix(in oklab, var(--sidenav-item-color) 50%, transparent)}}#button-hover-toggle{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}html[data-sidenav-size=hover] .app-menu:not(:hover){width:var(--spacing-sidenav-width-sm);min-width:var(--spacing-sidenav-width-sm)}html[data-sidenav-size=hover] .app-menu:not(:hover) .logo-box .logo-lg{display:none}html[data-sidenav-size=hover] .app-menu:not(:hover) .logo-box .logo-sm{display:flex}html[data-sidenav-size=hover] .app-menu:not(:hover) #button-hover-toggle{display:none}html[data-sidenav-size=hover] .app-menu:not(:hover) .menu-item .menu-link .menu-text,html[data-sidenav-size=hover] .app-menu:not(:hover) .menu-item .menu-link .menu-arrow,html[data-sidenav-size=hover] .app-menu:not(:hover) .menu-item .menu-link .badge{visibility:hidden}html[data-sidenav-size=hover] .app-menu:not(:hover) .menu-item .sub-menu{height:0;margin-top:0;visibility:hidden!important}html[data-sidenav-size=hover] .app-menu:not(:hover) .menu-title{visibility:hidden;opacity:0;height:0;margin:0;padding:0;margin-top:calc(var(--spacing) * -1)!important}html[data-sidenav-size=hover] .app-menu:not(:hover) .simplebar-track.simplebar-vertical{visibility:hidden!important}html[data-sidenav-size=hover] .app-menu{position:fixed;bottom:0}html[data-sidenav-size=hover] .app-menu .simplebar-track.simplebar-horizontal{visibility:hidden!important}html[data-sidenav-size=hover] .page-content{margin-inline-start:var(--spacing-sidenav-width-sm)}html[data-sidenav-size=hover] #button-hover-toggle{display:flex}html[data-sidenav-size=hover] #button-toggle-menu,html[data-sidenav-size=hover-active] #button-toggle-menu{display:none}html[data-sidenav-size=hover-active] #button-hover-toggle{display:flex}html[data-sidenav-size=hover-active] #button-hover-toggle:before{content:"";width:var(--spacing);height:var(--spacing);--tw-content:"";content:var(--tw-content);background-color:currentColor;border-radius:3.40282e38px;position:absolute}html[data-sidenav-size=hover-active] .page-content{margin-inline-start:var(--spacing-sidenav-width)}html[data-sidenav-size=hover-active] .app-menu{position:fixed;bottom:0}html[data-sidenav-size=sm] .app-menu{width:var(--spacing-sidenav-width-sm);min-width:var(--spacing-sidenav-width-sm);height:unset;max-height:unset}html[data-sidenav-size=sm] .app-menu .simplebar-mask,html[data-sidenav-size=sm] .app-menu .simplebar-content-wrapper{overflow:visible!important}html[data-sidenav-size=sm] .app-menu .logo-box{background:var(--sidenav-background);z-index:40}html[data-sidenav-size=sm] .app-menu .logo-box .logo-lg{display:none}html[data-sidenav-size=sm] .app-menu .logo-box .logo-sm{display:flex}html[data-sidenav-size=sm] .app-menu .side-nav .menu-title{display:none}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item{position:relative}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link{transition:none}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link:before,html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-text,html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.menu-arrow,html[data-sidenav-size=sm] .app-menu .side-nav .menu-item>.menu-link>.badge{transition:none;display:none}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item .sub-menu{margin-top:0;height:inherit!important;display:none!important}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu{background:var(--sidenav-background);width:calc(var(--spacing-sidenav-width) - var(--spacing-sidenav-width-sm));border-style:var(--tw-border-style);border-width:1px;border-color:currentColor;padding-inline-start:0;transition:none;position:absolute;inset-inline-start:100%;overflow:visible;height:inherit!important;display:block!important}@supports (color:color-mix(in lab, red, red)){html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu{border-color:color-mix(in oklab, currentcolor 10%, transparent)}}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item>.menu-link{z-index:5}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item>.menu-link>.menu-arrow,html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item>.menu-link>.menu-text{display:block}html[data-sidenav-size=sm] .app-menu .side-nav .menu-item:hover>.sub-menu>.menu-item .sub-menu{margin-inline-start:0;top:0}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link{text-align:center;justify-content:center;display:flex}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item:hover>.menu-link{color:var(--sidenav-item-hover-color);background-color:var(--sidenav-item-hover-bg)}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item:hover>.menu-link:after{content:"";width:var(--spacing-sidenav-width);position:absolute;inset:0}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item:hover>.menu-link>.menu-text{background:var(--sidenav-background);line-height:var(--sidenav-item-icon-size);width:calc(var(--spacing-sidenav-width) - var(--spacing-sidenav-width-sm));padding:var(--sidenav-link-padding-y) var(--sidenav-link-padding-x);border-style:var(--tw-border-style);--tw-border-style:solid;border:1px solid #71717b33;align-items:center;display:flex;position:absolute;inset-inline-start:100%}@supports (color:color-mix(in lab, red, red)){html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item:hover>.menu-link>.menu-text{border-color:color-mix(in oklab, var(--color-default-500) 20%, transparent)}}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link.hs-accordion-toggle>.menu-text{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link:not(.hs-accordion-toggle)>.menu-text{border-radius:var(--radius-md)}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.sub-menu{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.sub-menu .sub-menu{border-radius:var(--radius-md)}html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item>.menu-link>.menu-text,html[data-sidenav-size=sm] .app-menu .side-nav>.menu-item .sub-menu{margin-inline-start:calc(var(--spacing) * 4.5)}html[data-sidenav-size=sm] .page-content{height:100%;min-height:100vh;overflow:visible}html[data-sidenav-size=md] .app-menu{width:var(--spacing-sidenav-width-md);min-width:var(--spacing-sidenav-width-md)}html[data-sidenav-size=md] .app-menu .side-nav .menu-title{justify-content:center;text-decoration-line:underline;text-decoration-style:dashed}html[data-sidenav-size=md] .app-menu .side-nav .menu-link{text-align:center;flex-direction:column}html[data-sidenav-size=md] .app-menu .side-nav .menu-link .badge,html[data-sidenav-size=md] .app-menu .side-nav .menu-link .menu-arrow{display:none}html[data-sidenav-size=md] .app-menu .side-nav .sub-menu{padding-inline-start:0}html[data-sidenav-size=md] .app-menu .side-nav .sub-menu .menu-link .menu-arrow{margin-inline-start:0;display:block}html[data-sidenav-size=md] .app-menu .side-nav .sub-menu .menu-text{padding-inline-start:0}html[data-sidenav-size=offcanvas] .app-menu{opacity:0;margin-inline-start:calc(var(--spacing-sidenav-width) * -1);position:fixed;transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}html[data-sidenav-size=offcanvas].sidenav-enable .app-menu{z-index:50;opacity:1;margin-inline-start:0}html[data-sidenav-size=hidden] .app-menu{margin-inline-start:calc(var(--spacing-sidenav-width) * -1)}.logo-box .logo-sm,.logo-box .logo-light{display:none}:is(html[data-theme=dark],html[data-sidenav-color=dark]) .app-menu .logo-box .logo-light{display:block}:is(html[data-theme=dark],html[data-sidenav-color=dark]) .app-menu .logo-box .logo-dark{display:none}.app-header .topbar-item{height:calc(var(--spacing) * 9.5);align-items:center;display:flex}code{color:var(--color-primary)}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}.container{max-width:1280px;padding-inline:calc(var(--spacing) * 4);margin-inline:auto}.hs-overlay-backdrop{background-color:#18181b33!important}@supports (color:color-mix(in lab, red, red)){.hs-overlay-backdrop{background-color:color-mix(in oklab, var(--color-default-900) 20%, transparent)!important}}.form-input{height:calc(var(--spacing) * 9.25);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-default-200);background-color:var(--color-card);width:100%;color:var(--color-default-800);outline-style:var(--tw-outline-style);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:.25rem;outline-width:0;padding-block:0;display:block}.form-input::placeholder{color:var(--color-default-400)}.form-input:focus-visible{border-color:var(--color-default-300);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#d4d4d84d}@supports (color:color-mix(in lab, red, red)){.form-input:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-default-300) 30%, transparent)}}.form-input:focus-visible{--tw-outline-style:none;outline-style:none}.form-input:disabled{cursor:not-allowed;opacity:.7}.form-input[readonly]{cursor:not-allowed;background-color:#f4f4f5cc}@supports (color:color-mix(in lab, red, red)){.form-input[readonly]{background-color:color-mix(in oklab, var(--color-default-100) 80%, transparent)}}.form-input[readonly]{color:#52525ccc}@supports (color:color-mix(in lab, red, red)){.form-input[readonly]{color:color-mix(in oklab, var(--color-default-600) 80%, transparent)}}.form-input::file-selector-button{height:100%}.form-input[type=file]{padding-block:0}.form-input::file-selector-button{border-style:var(--tw-border-style);border-width:0}.form-input::file-selector-button{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.form-input::file-selector-button{--tw-border-style:solid;border-style:solid}.form-input::file-selector-button{border-color:var(--color-default-200)}.form-input::file-selector-button{background-color:#0000}.form-input::file-selector-button{padding:0}.form-input::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.form-input::file-selector-button{color:var(--color-default-800)}.form-input::file-selector-button{font-style:normal}.form-input[aria-invalid=true]{border-color:#fe6e0099}@supports (color:color-mix(in lab, red, red)){.form-input[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-danger) 60%, transparent)}}.form-input[aria-invalid=true]{--tw-ring-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.form-input[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger) 10%, transparent)}}.form-input{transition-property:color,box-shadow}.form-input-sm{height:calc(var(--spacing) * 7.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}textarea.form-input{padding:calc(var(--spacing) * 3);height:auto!important}select.form-input{min-width:calc(var(--spacing) * 28)}.form-radio,.form-checkbox{appearance:none;border-style:var(--tw-border-style);--tw-ring-offset-color:var(--color-white);background-color:currentColor;background-position:50%;background-repeat:no-repeat;border-width:1px;border-color:currentColor;flex-shrink:0}:is(.form-radio,.form-checkbox):focus-visible{--tw-outline-style:none;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:inherit;--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);outline-style:none}:is(.form-radio,.form-checkbox):disabled{cursor:not-allowed;opacity:.9}:is(.form-radio,.form-checkbox)[aria-invalid=true]{border-color:#fe6e0099}@supports (color:color-mix(in lab, red, red)){:is(.form-radio,.form-checkbox)[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-danger) 60%, transparent)}}:is(.form-radio,.form-checkbox)[aria-invalid=true]{--tw-ring-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){:is(.form-radio,.form-checkbox)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger) 10%, transparent)}}.form-radio,.form-checkbox{cursor:pointer}:is(.form-radio,.form-checkbox):focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}:is(.form-radio,.form-checkbox):checked{background-color:currentColor;border-color:#0000}.form-radio:not([class*=text-]),.form-checkbox:not([class*=text-]){border-color:var(--color-default-300);background-color:#0000}:is(.form-radio:not([class*=text-]),.form-checkbox:not([class*=text-])):checked{background-color:var(--color-primary);border-color:#0000}.form-checkbox{border-radius:var(--radius-sm)}.form-radio:not([class*=size-]),.form-checkbox:not([class*=size-]){width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.form-checkbox[class*=rounded-full]{border-radius:3.40282e38px}.form-checkbox-sm,.form-radio-sm{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.form-radio-lg{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.form-switch{appearance:none;background-color:var(--color-default-200);flex-shrink:0;display:inline-flex;position:relative}.form-switch:checked{background-image:none}.form-switch:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-default-300);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-card);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.form-switch:focus-visible{outline-offset:2px;outline:2px solid #0000}}.form-switch:disabled{cursor:not-allowed;opacity:.5}.form-switch[aria-invalid=true]{border-style:var(--tw-border-style);border-width:1px;border-color:#fe6e0099}@supports (color:color-mix(in lab, red, red)){.form-switch[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-danger) 60%, transparent)}}.form-switch[aria-invalid=true]{--tw-ring-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.form-switch[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-danger) 10%, transparent)}}.form-switch{cursor:pointer;border-style:var(--tw-border-style);border-width:0}.form-switch:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.form-switch:before{pointer-events:none;--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"";content:var(--tw-content);inset-inline-start:calc(var(--spacing) * 0);border-radius:3.40282e38px;display:block;position:absolute;top:50%}.form-switch:checked,.form-switch[aria-checked=true]{background-color:var(--color-primary)}.form-switch{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 7.5);border-radius:3.40282e38px}.form-switch:before{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}:is(.form-switch:checked,.form-switch[aria-checked=true]):before{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.form-switch-sm{height:calc(var(--spacing) * 4.5);width:calc(var(--spacing) * 6.5);border-radius:3.40282e38px}.form-switch-sm:before{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}:is(.form-switch-sm:checked,.form-switch-sm[aria-checked=true]):before{--tw-translate-x:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.form-switch-lg{height:calc(var(--spacing) * 5.5);width:calc(var(--spacing) * 8.5);border-radius:3.40282e38px}.form-switch-lg:before{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}:is(.form-switch-lg:checked,.form-switch-lg[aria-checked=true]):before{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}[dir=rtl] .form-switch:before{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:is([dir=rtl] .form-switch:checked,[dir=rtl] .form-switch[aria-checked=true]):before{--tw-translate-x:calc(var(--spacing) * -3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is([dir=rtl] .form-switch.form-switch-sm:checked,[dir=rtl] .form-switch.form-switch-sm[aria-checked=true]):before{--tw-translate-x:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}:is([dir=rtl] .form-switch.form-switch-lg:checked,[dir=rtl] .form-switch.form-switch-lg[aria-checked=true]):before{--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.card-radio,.card-radio input:checked+.form-label{position:relative}.card-radio input:checked+.form-label:after{content:"";inset-inline-end:calc(var(--spacing) * 2);bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--color-success);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));margin-inline-start:auto;position:absolute}input:checked+.form-label.btn{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){input:checked+.form-label.btn{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}input:checked+.form-label.btn{color:var(--color-primary)}.flatpickr-day{color:var(--color-default-600)}.form-input.flatpickr-input{background-color:var(--color-card)!important}.flatpickr-calendar{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-default-150);background-color:var(--color-card);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{border-color:var(--color-primary);background-color:var(--color-primary)}span.flatpickr-weekday{color:var(--color-body-color)}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{background-color:var(--color-default-200);color:var(--color-body-color);border-color:#0000}.flatpickr-day.inRange{color:var(--color-default-950);--tw-shadow:-5px 0 0 var(--tw-shadow-color,var(--color-default-200)), 5px 0 0 var(--tw-shadow-color,var(--color-default-200));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.flatpickr-prev-month svg,.flatpickr-next-month svg{fill:var(--color-default-700)!important}.flatpickr-monthDropdown-months,.numInput{color:var(--color-default-700)!important}.flatpickr-calendar.arrowBottom:after{background-color:var(--color-card)}.flatpickr-calendar.hasTime .flatpickr-time{border-color:var(--color-default-200)}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:var(--color-default-400)!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}[hidden]{display:none}body{min-width:320px}#root{min-height:100dvh}.appliance-shell{height:100dvh;padding:0}.workspace,.workspace-scroll,.page-content{min-width:0}.workspace-scroll{flex:1;padding:24px;overflow:auto}.sidebar{overflow:auto}.sidebar[inert]{visibility:hidden}.brand-block{align-items:center;gap:12px;min-height:70px;padding:16px 20px;display:flex}.brand-mark{background:var(--color-primary);color:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.brand-copy{white-space:nowrap;gap:3px;display:grid}.brand-copy strong{color:var(--text);font-size:16px}.brand-copy span,.nav-thai{font-size:11px}.brand-edition{display:none}.nav-list{flex:1;padding:8px 14px}.nav-search{gap:8px;margin-bottom:18px;display:grid}.nav-search>span{align-items:center;gap:6px;font-size:12px;display:flex}.nav-group-items{gap:4px;display:grid}.nav-group-label{justify-content:space-between;width:100%;display:flex}.nav-group-label>span{align-items:center;gap:8px;display:flex}.nav-group-label svg{width:14px;height:14px}.nav-module-copy{text-align:left;gap:5px;display:grid}.sidebar-foot{align-items:center;gap:8px;padding:16px;font-size:11px;display:flex}.sidebar-foot small{margin-top:3px;display:block}.status-dot,.shell-load-state i{background:var(--warn);border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.is-ready{background:var(--ok)}.topbar{background:var(--topbar-background);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:0 24px;display:flex}.topbar-start,.topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.shell-command-search{align-items:center;gap:8px;display:flex}.shell-command-search input{outline-offset:4px;background:0 0;border:0;width:190px}.shell-command-search kbd{font-size:12px}.user-chip{align-items:center;gap:6px;font-size:12px;display:flex}.user-chip i{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:50%;place-items:center;font-style:normal;display:grid}.mobile-nav-trigger,.mobile-nav-close,.topbar-mobile-route{display:none}.shell-page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.shell-page-head h1{color:var(--text);margin:6px 0;font-size:18px}.shell-page-head p{max-width:760px;font-size:12px}.shell-breadcrumb{font-size:12px}.shell-breadcrumb i{margin:0 5px;font-style:normal}.shell-load-state{flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.shell-load-state.is-ready i{background:var(--ok)}.skip-link{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-100px;left:10px}.skip-link:focus{top:10px}.nav-backdrop{z-index:45;background:#00000073;position:fixed;inset:0}.login-surface{place-items:center;padding:24px;display:grid}.login-card{width:min(100%,440px);padding:32px}.login-card form{gap:20px;display:grid}.brand-row{align-items:center;gap:14px;display:flex}.brand-row h1{color:var(--text);margin-bottom:8px;font-size:24px}.login-theme{position:fixed;top:20px;right:20px}.page-stack,.module-workspace,.workspace-panel:not([hidden]){grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;display:grid}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;display:grid}.routed-public-status,.routed-public-card{overflow-wrap:anywhere;min-width:0}.panel,.card{min-width:0}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.panel-head h2,.panel h2{color:var(--text);font-size:16px}.panel h3{color:var(--text);font-size:14px}.panel>p{margin-block:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tw-field,.form-grid>label:not(.check-row){min-width:0;color:var(--text);gap:8px;font-weight:500;display:grid}.panel>.form-grid+.btn{align-self:flex-start;margin-top:16px}.wide-field{grid-column:1/-1}.form-input{min-width:0}.form-input[type=checkbox],.form-input[type=radio]{width:18px;height:18px}.field-hint,.field-error{font-size:12px;font-weight:400}.field-hint{color:var(--muted)}.field-error{color:var(--danger)}.button-row,.data-table-actions,.filter-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.filter-toolbar{justify-content:space-between;margin:0 0 16px}.filter-toolbar label{gap:6px;display:grid}.btn.tw-control-primary,.btn.primary,.btn[type=submit]:not(.danger),.config-actions>.button-row>.btn:first-child,.apply-review>.button-row>.btn:first-child,.pppoe-hero-actions>.btn{background:var(--color-blue-600);border-color:var(--color-blue-600);color:#fff}.btn.tw-control-danger,.btn.danger{background:var(--surface);border-color:var(--color-red-400);color:var(--color-red-700)}html[data-theme=dark] .btn:is(.tw-control-danger,.danger){color:var(--color-red-300);border-color:var(--color-red-500)}.btn:is(.tw-control-danger,.danger):hover{background:oklch(63.7% .237 25.331)}@supports (color:color-mix(in lab, red, red)){.btn:is(.tw-control-danger,.danger):hover{background:color-mix(in srgb, var(--color-red-500) 10%, var(--surface))}}.tw-icon-control{flex-shrink:0;width:38px;height:38px;padding:0}.table-wrap{width:100%;max-width:100%;overflow-x:auto}table{text-align:left;border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}th{background:var(--surface-soft);color:var(--muted);white-space:nowrap;font-weight:500}td input,td select{min-width:130px}.mobile-cell-label{display:none}.detail-list{gap:0;display:grid}.detail-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,.4fr) minmax(0,1fr);gap:16px;padding-block:10px;display:grid}.detail-list dt{color:var(--muted)}.detail-list dd{color:var(--text);overflow-wrap:anywhere}.workspace-tabs{border-bottom:1px solid var(--line);gap:4px;max-width:100%;display:flex;overflow-x:auto}.workspace-tabs [role=tab]{white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 16px}.workspace-tabs [aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.inline-alert,.tw-alert,.draft-notice{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin-bottom:16px;padding:12px 16px}.warn-alert{color:var(--danger);border-color:var(--danger)}.action-feedback-card{border:1px solid var(--line);color:var(--text)}.action-feedback-card.is-error{border-color:var(--danger)}.action-feedback-card.is-success{border-color:var(--ok)}.action-feedback-card>div:not(.action-feedback-icon){gap:6px;display:grid}.action-feedback-progress{background:var(--brand-soft);height:3px}.action-feedback-progress i{background:var(--brand);width:45%;height:3px;display:block}.log-block,.code-block{background:var(--surface-soft);border-radius:4px;max-height:480px;padding:16px;font-size:12px;overflow:auto}.metric-card{gap:8px;display:grid}.metric-card strong{color:var(--text);font-size:24px}.metrics-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.check-row{align-items:center;gap:8px;display:flex}.check-row input:not(.form-switch){width:auto}.check-row .form-switch{flex-shrink:0}.dashboard-v2-icon{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:20px}.dashboard-v2{gap:24px;display:grid}.dashboard-v2-pulse{order:-3}.dashboard-v2-hero{order:-2}.dashboard-v2-telemetry-grid{order:-1}.dashboard-v2 .dashboard-v2-hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy actions";gap:12px;min-height:0;padding:20px}.dashboard-v2-section-head,.operator-issues>header,.dashboard-speedtest>header,.telemetry-chart-head,.dashboard-interface-traffic-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.operator-issues>header>div,.dashboard-speedtest>header>div,.telemetry-chart-heading{gap:6px;display:grid}.operator-issue-list{gap:12px;display:grid}.operator-issue{border:1px solid var(--line);box-shadow:none;gap:8px}.dashboard-speedtest-body{gap:12px;display:grid}.dashboard-speedtest-fields{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.dashboard-speedtest-fields label{flex:1;gap:6px;display:grid}.dashboard-speedtest-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-speedtest-metrics>div{background:var(--surface-soft);gap:8px;padding:12px;display:grid}.widget-icon{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.widget-grip{fill:none;stroke:currentColor;width:8px;height:14px}.dashboard-widget-title,.dashboard-widget-tools{align-items:center;gap:8px;display:flex}.storage-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}.storage-status-grid section{border:1px solid var(--line);border-radius:4px;gap:8px;padding:16px;display:grid}.status-ok{color:var(--ok)}.status-error{color:var(--danger)}.status-stale{color:var(--warn)}.dashboard-v2-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.dashboard-v2-kpi{text-align:left;flex-direction:row;align-items:center;gap:16px;min-height:130px;padding:20px;display:flex}.dashboard-v2-kpi-icon{color:var(--brand);background:var(--brand-soft);border-radius:50%;padding:12px}.dashboard-v2-kpi-copy{gap:8px;display:grid}.dashboard-v2-kpi-copy strong{color:var(--text);font-size:24px}.dashboard-v2-kpi-copy em{font-size:12px;font-style:normal}.dashboard-v2-kpi-arrow{margin-left:auto}.dashboard-v2 h2,.monitor-page h2,.pppoe-workspace h2{color:var(--text);font-size:16px}.dashboard-v2-chart-row,.dashboard-v2-telemetry-grid{gap:24px}.pppoe-session-card,.pppoe-operator-hero,.monitor-history-panel,.monitor-kpi{background:var(--surface);color:var(--text);border-radius:5px}.pppoe-summary-icon,.pppoe-session-avatar{background:var(--brand-soft);color:var(--brand);border-radius:5px}.pppoe-hero-stats>span{background:var(--surface-soft);border-radius:4px}.pppoe-hero-stats strong{font-size:22px}.pppoe-session-facts>div{border-left:1px solid var(--line);padding-inline:12px}.pppoe-session-card>footer{border-top:1px solid var(--line)}.pppoe-onboarding{gap:24px}.pppoe-onboarding-visual{background:var(--brand-soft);color:var(--brand);border-radius:5px}.pppoe-onboarding-visual>span,.pppoe-onboarding-visual>strong{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:16px}.interface-map-node{text-align:left}.interface-map-summary{gap:16px}.interface-map-summary article strong{color:var(--text);font-size:24px}.interface-map-trunk,.interface-map-branch:before,.interface-map-node:before{border-color:var(--line)}.lan-port-icon{fill:none;stroke:currentColor;stroke-width:1.5px}.pppoe-session-card strong,.pppoe-session-card h3{color:var(--text)}.pppoe-session-card small,.pppoe-session-card dt{color:var(--muted)}.interface-drawer-backdrop,.pppoe-editor-backdrop{background:#00000073}.interface-drawer,.pppoe-editor{background:var(--surface);color:var(--text)}.pppoe-editor-sections{grid-auto-rows:max-content;align-content:start;min-height:0;overflow-y:auto}.pppoe-editor-footer{background:var(--surface);border-top:1px solid var(--line)}.pppoe-editor-header{border-bottom:1px solid var(--line)}.pppoe-editor fieldset{border:1px solid var(--line);border-radius:4px}.pppoe-editor .advanced-settings{min-height:45px}.monitor-page{color:var(--text)}.monitor-page small,.monitor-page p{color:var(--muted)}.monitor-page strong,.monitor-page h3{color:var(--text)}.monitor-console-bar,.monitor-operator-context{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.monitor-operator-context>div{gap:6px;min-width:0;display:grid}.monitor-operator-context>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.recharts-text{fill:var(--muted)}.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.panel-head>div,.form-section,.filter-toolbar>label{min-width:0}.panel-head>div{gap:6px;display:grid}.panel-head p,.field-hint,.detail-list dd{line-height:1.6}.button-row>.danger{margin-inline-start:8px}.danger-actions,.interfaces-v2-danger{border:1px solid var(--line);border-radius:5px;margin-top:20px;padding:16px}.danger-actions>summary{cursor:pointer;font-weight:500}.danger-actions>p,.config-actions>p,.apply-review>p{color:var(--muted);margin-block:10px;line-height:1.6}.apply-review{background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;margin-top:16px;padding:16px}.filter-toolbar input{width:min(100%,320px)}.filter-toolbar>span{color:var(--muted);font-size:12px}.secondary-upload{cursor:pointer;position:relative}.secondary-upload:focus-within{outline:2px solid var(--brand);outline-offset:3px}.dashboard-interface-controls{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-block:16px;padding-block:16px;display:grid}.dashboard-interface-control-head{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-interface-control-head>span,.dashboard-interface-chart-type>div{flex-wrap:wrap;gap:8px;display:flex}.dashboard-interface-checkboxes{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.dashboard-interface-checkboxes label{border:1px solid var(--line);cursor:pointer;border-radius:5px;align-items:center;gap:8px;min-height:36px;padding:6px 10px;font-size:12px;display:inline-flex}.dashboard-interface-checkboxes label.is-selected{background:var(--brand-soft);border-color:var(--brand)}.dashboard-interface-checkboxes input{width:16px;height:16px;margin:0}.dashboard-interface-checkboxes i{border-radius:50%;width:7px;height:7px}.dashboard-interface-chart-type,.dashboard-interface-timeframe{align-content:start;gap:8px;display:grid}.dashboard-interface-chart-type>span,.dashboard-interface-timeframe>span{color:var(--muted);font-size:12px}.dashboard-interface-chart-type [aria-pressed=true]{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.dashboard-interface-timeframe select{width:100%}.pppoe-operator-hero{grid-template-columns:minmax(0,1fr) auto;gap:16px}.pppoe-hero-stats{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.6fr)}.pppoe-hero-actions{grid-area:1/2}.pppoe-hero-stats small,.pppoe-hero-stats strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.pppoe-hero-stats>span:last-child strong{font-variant-numeric:tabular-nums;font-size:18px}.pppoe-risk-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.pppoe-risk-actions>small{color:var(--muted);flex-basis:100%;font-size:11px}.if-connection{align-items:center;gap:12px;display:flex}.if-connection>svg{width:20px;color:var(--brand);flex-shrink:0}.if-connection>div{gap:4px;display:grid}.if-connection span{color:var(--muted);font-size:12px}.if-list-heading,.interfaces-v2-inventory-group>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.if-list-heading>span,.interfaces-v2-inventory-group>header>span{color:var(--muted);font-size:12px}.interfaces-v2-search{align-items:center;display:flex;position:relative}.interfaces-v2-search>svg{pointer-events:none;width:16px;color:var(--muted);position:absolute;left:12px}.interfaces-v2-search input{width:100%;padding-left:36px}.if-hardware{margin-block:12px}.if-hardware>summary{cursor:pointer;align-items:center;gap:8px;padding-block:10px;display:flex}.if-hardware>summary small{color:var(--muted);margin-left:auto;font-size:12px}.interfaces-v2,.interfaces-v2-tools,.interfaces-v2-inventory-groups{gap:16px;min-width:0;display:grid}.interfaces-v2-workspace{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;display:grid}.interfaces-v2-browser,.interfaces-v2-inspector,.interfaces-v2-inventory-group{min-width:0}.interfaces-v2-list{max-width:100%;overflow-x:auto}.interfaces-v2-list-head,.interfaces-v2-list>button{text-align:left;grid-template-columns:minmax(130px,1.4fr) minmax(95px,1fr) 90px 65px;align-items:center;gap:12px;width:100%;min-width:440px;display:grid}.interfaces-v2-list>button>span{overflow-wrap:anywhere;white-space:normal;gap:4px;min-width:0;display:grid}.interfaces-v2-list>button.is-selected{background:var(--brand-soft);border-color:var(--brand)}.interfaces-v2-list-head{color:var(--muted);padding:12px}.interfaces-v2-list small{color:var(--muted);font-size:12px}.if-toolbar,.if-actions,.interfaces-v2-filters,.interfaces-v2-tabs,.interfaces-v2-identity{flex-wrap:wrap;gap:8px;display:flex}.if-toolbar{justify-content:space-between;align-items:center}.if-summary,.interfaces-v2-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.if-summary>button,.interfaces-v2-live-metrics>span{text-align:left;gap:6px;min-width:0;display:grid}.interfaces-v2-inspector-head,.interfaces-v2-inspector-body{padding-block:16px}.interfaces-v2-inspector-head h2,.interfaces-v2-live-metrics strong{overflow-wrap:anywhere}.interfaces-v2-details,.interfaces-v2-details>span{overflow-wrap:anywhere;gap:8px;min-width:0;display:grid}.interfaces-v2-details>span{border-bottom:1px solid var(--line);padding-block:12px}@media (width<=1199px){.interfaces-v2-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.interfaces-v2-list-head{display:none}.interfaces-v2-list>button{grid-template-columns:minmax(0,1fr) 90px;min-width:0}.interfaces-v2-list>button>span:nth-child(2){grid-area:2/1}.interfaces-v2-list>button>span:nth-child(3){grid-area:1/2}.interfaces-v2-list>button>span:nth-child(4){grid-area:2/2}}.interfaces-v2-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.interfaces-v2-browser{overflow:hidden}.interfaces-v2-browser>.hardware-interface-view{margin-top:14px}.interfaces-v2-inventory-card{order:2}.interfaces-v2-inspector{order:3}.interfaces-v2 .if-list-heading{align-items:flex-start;margin-bottom:0}.interfaces-v2 .if-list-heading>div{gap:3px;display:grid}.interfaces-v2 .if-list-heading h2,.interfaces-v2 .if-list-heading p{margin:0}.interfaces-v2 .if-list-heading>div>span{color:var(--muted);font-size:12px}.interfaces-v2 .if-list-heading>span{border:1px solid var(--line);border-radius:999px;flex:none;padding:5px 8px}.interfaces-v2-view-toggle{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}.interfaces-v2-view-toggle>span{color:var(--muted);margin-right:2px;font-size:12px}.interfaces-v2-list{border:1px solid var(--line);border-radius:6px}.interfaces-v2-list-head,.interfaces-v2-list>button{grid-template-columns:minmax(175px,1.3fr) minmax(130px,.9fr) minmax(150px,1fr) minmax(135px,.9fr) minmax(145px,1.15fr) minmax(105px,.8fr) minmax(90px,.65fr);gap:10px;min-width:960px}.interfaces-v2-list-head{z-index:1;border-bottom:1px solid var(--line);background:var(--surface-soft);font-size:12px;font-weight:700;position:sticky;top:0}.interfaces-v2-list>button{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:58px;padding:9px 12px}.interfaces-v2-list>button:last-child{border-bottom:0}.interfaces-v2-list>button:hover{background:var(--surface-soft);transform:none}.interfaces-v2-list>button>span:first-child{grid-template-columns:8px minmax(0,1fr);align-items:center;column-gap:8px}.interfaces-v2-list>button>span:first-child small,.interfaces-v2-list>button>span:first-child em{grid-column:2}.interfaces-v2-list>button>span:first-child>i{border-radius:50%;grid-row:1/span 3;width:8px;height:8px}.interfaces-v2-list>button>span>small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.interfaces-v2-access-badges{flex-wrap:wrap;gap:4px;display:flex}.interfaces-v2-access-badges i{background:var(--surface-soft);width:auto;min-height:20px;color:var(--text);border-radius:3px;align-items:center;padding:2px 5px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.interfaces-v2-inventory-group>header{background:var(--surface-soft);border-left:3px solid var(--brand);border-radius:5px;margin:18px 0 8px;padding:8px 10px}.interfaces-v2-inventory-group>header>span{font-variant-numeric:tabular-nums}@media (width<=600px){.interfaces-v2 .if-list-heading>span{display:none}.interfaces-v2-view-toggle{padding-top:4px}.interfaces-v2-list-head{display:grid}.interfaces-v2-list>button{min-width:960px}.wan-access-table td{border:0;min-width:0;padding:0}.wan-access-table td input[type=checkbox]{width:19px;min-width:19px;height:19px}.wan-mobile-interface{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;display:grid}}@media (width>=901px){.is-nav-collapsed .brand-copy,.is-nav-collapsed .sidebar-foot,.is-nav-collapsed .nav-search,.is-nav-collapsed .nav-group-label,.is-nav-collapsed .nav-thai{display:none}.is-nav-collapsed .brand-block{padding:18px}.is-nav-collapsed .nav-list{padding:8px}}@media (width<=1200px){.reload-config-action,.user-chip{display:none}.shell-command-search input{width:150px}}@media (width<=900px){.dashboard-v2 .dashboard-v2-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""actions"}.dashboard-v2 .dashboard-v2-hero-copy>p,.dashboard-v2 .dashboard-v2-hero-meta,.monitor-console-bar p{display:none}.monitor-console-bar,.monitor-operator-context{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.monitor-console-state{justify-items:start}.mobile-nav-trigger,.mobile-nav-close{display:inline-flex}.mobile-nav-close{margin-left:auto}.desktop-nav-toggle,.shell-command-search,.desktop-action,.user-chip{display:none}.logout-action{display:inline-flex}.topbar{gap:8px;padding:0 16px}.topbar-actions,.topbar-start{gap:6px}.topbar-actions .btn span{display:none}.topbar-mobile-route{font-size:12px;display:grid}.topbar-mobile-route strong{color:var(--text)}.workspace-scroll{padding:16px}.shell-page-head{margin-bottom:16px}.shell-page-head p,.shell-load-state{display:none}.dashboard-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-v2-kpi{gap:8px;min-height:94px;padding:12px}.dashboard-v2-kpi-copy{gap:5px}.dashboard-v2-section-head{margin-bottom:12px}.dashboard-v2-section-head>span{color:var(--muted);font-size:11px}.if-summary>button{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px}.if-summary>button small{grid-column:1/-1;font-size:11px}.pppoe-operator-hero{grid-template-columns:minmax(0,1fr)}.pppoe-hero-actions{grid-area:auto/1;justify-content:space-between}.pppoe-hero-stats{grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.pppoe-hero-stats>span{grid-template-columns:minmax(0,1fr)}.pppoe-hero-stats>span>i,.dashboard-v2-kpi-icon{display:none}.dashboard-v2-kpi-copy strong{font-size:20px}.lab-grid{grid-template-columns:1fr}}@media (width<=600px){.form-grid,.metrics-grid,.two-column,.split-grid,.storage-status-grid{grid-template-columns:minmax(0,1fr)}.page-stack,.module-workspace,.workspace-panel:not([hidden]){gap:16px}.login-card{padding:24px}.dashboard-interface-controls{grid-template-columns:minmax(0,1fr)}.dashboard-interface-checkboxes label{min-height:40px}.button-row>.danger{margin-inline-start:0}.editable-cards table,.editable-cards tbody,.editable-cards tr,.editable-cards td{display:block}.editable-cards thead{display:none}.editable-cards td{border:0;padding:8px 12px}.editable-cards tr{border-bottom:1px solid var(--line);padding-block:12px}.editable-cards .mobile-cell-label{margin-bottom:6px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}}.dhcp-scope-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.dhcp-scope-card{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px;display:grid}.dhcp-scope-card.is-selected{border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.dhcp-scope-card>span{gap:3px;display:grid}.dhcp-pending-transaction,.interfaces-v2-dhcp-action{border-left:4px solid #f59e0b;justify-content:space-between;align-items:center;gap:16px;display:flex}.dhcp-pending-transaction>div,.interfaces-v2-dhcp-action>div{gap:4px;display:grid}.dhcp-pending-transaction>div:last-child{gap:8px;display:flex}.interfaces-v2-dhcp-action{border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--surface-soft);border-radius:6px;margin-top:12px;padding:12px}.dhcp-scope-drawer-backdrop{z-index:80;background:#0000007a;justify-content:flex-end;display:flex;position:fixed;inset:0}.dhcp-scope-drawer{background:var(--surface);width:min(560px,100%);height:100%;color:var(--text);grid-template-rows:auto minmax(0,1fr) auto;display:grid;box-shadow:-16px 0 40px #0000003d}.dhcp-scope-drawer>header,.dhcp-scope-drawer>footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.dhcp-scope-drawer>footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.dhcp-scope-drawer-body{align-content:start;gap:18px;padding:20px;display:grid;overflow:auto}@media (width<=600px){.dhcp-scope-card{grid-template-columns:minmax(0,1fr) auto}.dhcp-scope-card>span:last-child{grid-column:1/-1}.dhcp-pending-transaction,.interfaces-v2-dhcp-action{flex-direction:column;align-items:stretch}.dhcp-pending-transaction>div:last-child,.interfaces-v2-dhcp-action .btn{width:100%}.dhcp-pending-transaction .btn{flex:1}}.telemetry-chart{--telemetry-color:var(--color-primary)}.dashboard-chart-memory,.dashboard-chart-red{--telemetry-color:var(--color-secondary)}.telemetry-chart-heading{gap:8px;display:grid}.telemetry-chart-heading strong{color:var(--text);font-size:24px}.telemetry-chart-state{align-items:center;gap:8px;font-size:12px;display:flex}.telemetry-chart-plot,.dashboard-session-plot{min-width:0;position:relative}.telemetry-chart-plot svg,.dashboard-session-plot svg{width:100%;height:100%;display:block}.dashboard-sparkline{min-height:156px}.telemetry-plot-background{fill:var(--surface)}.rrd-grid-line{stroke:var(--line);stroke-dasharray:2 5;stroke-width:.8px}.telemetry-grid-vertical{opacity:.6}.dashboard-sparkline text,.dashboard-session-plot text{fill:var(--muted);font-size:12px}.dashboard-session-plot text{text-anchor:end}.dashboard-spark-time{text-anchor:start}.dashboard-spark-time.is-end{text-anchor:end}.telemetry-empty-label{text-anchor:middle}.telemetry-average-line,.telemetry-crosshair{stroke:var(--muted);stroke-dasharray:3 4;stroke-width:1px}.telemetry-gradient-start{stop-color:var(--telemetry-color);stop-opacity:.25}.telemetry-gradient-end{stop-color:var(--telemetry-color);stop-opacity:.02}.dashboard-spark-line{fill:none;stroke:var(--telemetry-color);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.telemetry-glow-line{display:none}.rrd-current-halo{fill:var(--telemetry-color);opacity:.15}.rrd-current-point,.telemetry-hover-point{fill:var(--surface);stroke:var(--telemetry-color);stroke-width:2px}.telemetry-hover-tooltip{z-index:4;background:var(--surface);border:1px solid var(--line);width:max-content;max-width:min(220px,100% - 20px);box-shadow:var(--shadow);color:var(--text);pointer-events:none;border-radius:4px;gap:6px;padding:12px;font-size:12px;display:grid;position:absolute;top:10px;transform:translate(10px)}.telemetry-hover-tooltip.is-left{transform:translate(calc(-100% - 10px))}.telemetry-hover-tooltip span{justify-content:space-between;gap:8px;display:flex}.telemetry-stat-strip,.rrd-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:16px;display:grid}.telemetry-stat-strip span,.rrd-stat-strip span{gap:6px;font-size:12px;display:grid}.telemetry-stat-strip strong,.rrd-stat-strip strong{color:var(--text)}.dashboard-session-plot{height:280px}.dashboard-session-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}.dashboard-session-line.is-inbound,.dashboard-session-current.is-inbound{stroke:var(--color-secondary)}.dashboard-session-line.is-outbound,.dashboard-session-current.is-outbound{stroke:var(--color-primary)}.dashboard-session-area.is-inbound{fill:var(--color-secondary);fill-opacity:.08}.dashboard-session-area.is-outbound{fill:var(--color-primary);fill-opacity:.08}.dashboard-session-current{fill:var(--surface);stroke-width:2px}.dashboard-session-legend{flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.dashboard-session-legend span{align-items:center;gap:8px;display:flex}.dashboard-session-legend i{background:var(--color-secondary);border-radius:50%;width:8px;height:8px}.dashboard-session-legend .is-outbound i{background:var(--color-primary)}:root{--color-primary:#079600;--color-body-bg:#fff;--color-body-color:#3e4347;--color-card:#fff;--topbar-background:#fff;--sidenav-background:#f6f6f6;--sidenav-item-color:#454b4d;--sidenav-item-active-color:#fff;--sidenav-item-active-bg:#079600;--sidenav-item-hover-color:#3e4347;--sidenav-item-hover-bg:#e9ede8;--spacing-sidenav-width:280px;--spacing-topbar-height:42px;--shell-sidebar-compact:70px;--shell-content-max:none;--canvas:#fff;--surface:#fff;--surface-soft:#f5f5f5;--surface-strong:#eee;--line:#d9dddf;--line-soft:#e7e9e7;--text:#3e4347;--muted:#727b7e;--brand:#079600;--brand-strong:#087f02;--brand-soft:#edf7ea;--focus:#079600;--ok:#27891f;--warn:#946b12;--danger:#d45155;--danger-strong:#b53f43;--danger-soft:#fff0ef;--nav:#f6f6f6;--nav-strong:#e9ede8;--shadow:none;--logo:#079600;--logo-strong:#087f02}html[data-theme=dark]{--color-primary:#58b34b;--color-body-bg:#1e2324;--color-body-color:#d6ddda;--color-card:#1e2324;--topbar-background:#1e2324;--sidenav-background:#292f2e;--sidenav-item-color:#c3cfca;--sidenav-item-active-color:#fff;--sidenav-item-active-bg:#168214;--sidenav-item-hover-color:#d6ddda;--sidenav-item-hover-bg:#324134;--canvas:#1e2324;--surface:#1e2324;--surface-soft:#252a2b;--surface-strong:#2a3330;--line:#3d4743;--line-soft:#323b38;--text:#d6ddda;--muted:#9ba8a4;--brand:#58b34b;--brand-strong:#69c45d;--brand-soft:#233d27;--focus:#58b34b;--ok:#66c35b;--warn:#dfb671;--danger:#ec8380;--danger-soft:#3d2b28;--nav:#292f2e;--nav-strong:#324134}html,body,button,input,select,textarea{font-family:Arial,Noto Sans Thai,Segoe UI,Tahoma,sans-serif}body{background:var(--canvas);color:var(--text);font-size:14px}.classic-v2-shell:before{z-index:100;content:"";background:#079300;height:5px;position:fixed;inset:0 0 auto}.appliance-shell.classic-v2-shell{background:var(--canvas);height:100dvh;padding-top:5px}.classic-v2-shell .page-content{height:calc(100dvh - 5px);overflow:hidden}.classic-v2-shell .sidebar{width:var(--spacing-sidenav-width);min-width:var(--spacing-sidenav-width);border-color:var(--line);max-height:calc(100dvh - 5px);box-shadow:none;background:#f6f6f6}html[data-theme=dark] .classic-v2-shell .sidebar{background:#292f2e}.classic-v2-shell .brand-block{border-bottom:1px solid var(--line);background:var(--nav);gap:9px;height:42px;min-height:42px;padding:0 16px}@supports (color:color-mix(in lab, red, red)){.classic-v2-shell .brand-block{background:color-mix(in srgb, var(--nav) 85%, var(--surface))}}.classic-v2-shell .brand-mark{background:var(--brand);width:25px;height:25px;box-shadow:none;border-radius:1px;font-size:15px;font-weight:700}.classic-v2-shell .brand-copy{align-items:baseline;gap:9px;display:flex}.classic-v2-shell .brand-copy strong{color:var(--text);font-size:18px;line-height:1}.classic-v2-shell .brand-copy span{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;font-size:8px}.classic-v2-shell .brand-edition{color:var(--muted);margin-left:auto;font-size:10px;display:block}.classic-v2-shell .nav-list{scrollbar-color:#bcbfc0 transparent;scrollbar-width:thin;gap:0;padding:7px 0 22px}.classic-v2-shell .nav-search{color:var(--muted);gap:5px;margin:6px 12px 10px;font-size:11px}.classic-v2-shell .nav-search>span{font-size:11px}.classic-v2-shell .nav-search .form-input{background:var(--surface)}.classic-v2-shell .nav-group{border-bottom:1px solid var(--line);gap:0}.classic-v2-shell .nav-group-label{min-height:41px;color:var(--text);letter-spacing:0;text-transform:none;padding:9px 14px;font-size:14px;font-weight:400}.classic-v2-shell .nav-group-label:hover{background:var(--nav-strong)}.classic-v2-shell .nav-group-label[aria-expanded=true]{color:var(--brand);font-weight:600}.classic-v2-shell .nav-group-label>svg{transition:transform .15s}.classic-v2-shell .nav-group-label[aria-expanded=true]>svg{transform:rotate(180deg)}.classic-v2-shell .nav-group-items{gap:0}.classic-v2-shell .nav-group-items .menu-link{min-height:38px;color:var(--sidenav-item-color);border-radius:0;gap:10px;padding:8px 15px 8px 44px;font-size:14px;font-weight:400;line-height:1.25}.classic-v2-shell .nav-group-items .menu-link:hover{color:var(--sidenav-item-hover-color);background:var(--sidenav-item-hover-bg)}.classic-v2-shell .nav-group-items .menu-link.active,.classic-v2-shell .nav-group-items .menu-link[aria-current=page]{color:#fff;background:#087f02}html[data-theme=dark] .classic-v2-shell .nav-group-items .menu-link.active,html[data-theme=dark] .classic-v2-shell .nav-group-items .menu-link[aria-current=page]{color:#fff;background:#168214}.classic-v2-shell .nav-module-icon,.classic-v2-shell .nav-module-icon svg{width:18px;height:18px}.classic-v2-shell .nav-thai{color:currentColor;opacity:.72;margin-top:2px;font-size:10px}.classic-v2-shell .sidebar-foot{border-top:1px solid var(--line);background:var(--nav);min-height:59px;padding:10px 15px}@supports (color:color-mix(in lab, red, red)){.classic-v2-shell .sidebar-foot{background:color-mix(in srgb, var(--nav) 85%, var(--surface))}}.classic-v2-shell .sidebar-foot{font-size:10px;line-height:1.35}.classic-v2-shell .sidebar-foot strong{color:var(--text);font-size:11px;font-weight:500}.classic-v2-shell .topbar{z-index:30;border-color:var(--line);background:var(--surface);height:42px;min-height:42px;box-shadow:none;gap:8px;padding:0 14px;position:relative}.classic-v2-shell .topbar-start,.classic-v2-shell .topbar-actions{gap:7px}.classic-v2-shell .shell-command-search{background:var(--surface-soft);width:178px;min-width:150px;min-height:28px;box-shadow:none;border-radius:0;gap:7px;padding:0 8px}.classic-v2-shell .shell-command-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}@supports (color:color-mix(in lab, red, red)){.classic-v2-shell .shell-command-search:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 22%, transparent)}}.classic-v2-shell .shell-command-search input{font-size:11px!important}.classic-v2-shell .shell-command-search kbd{border-radius:1px;min-width:19px;height:18px;font-size:9px}.classic-v2-shell .topbar .btn{height:28px;min-height:28px}.classic-v2-shell .topbar .tw-icon-control{width:29px}.classic-v2-shell .user-chip{font-size:11px}.classic-v2-shell .user-chip i{border-radius:50%;width:25px;height:25px}.classic-v2-shell .workspace-scroll{background:var(--canvas);padding:16px 18px 18px}.classic-v2-shell .workspace-scroll>*{width:100%;max-width:none}.classic-v2-shell .shell-page-head{border-bottom:0;align-items:center;gap:12px;min-height:48px;margin-bottom:12px;padding:0}.classic-v2-shell .shell-page-head>div{gap:5px}.classic-v2-shell .shell-breadcrumb{color:var(--muted);letter-spacing:0;text-transform:none;font-size:11px;font-weight:400}.classic-v2-shell .shell-breadcrumb i{color:var(--muted)}.classic-v2-shell .shell-page-head h1{letter-spacing:0;font-size:20px;font-weight:400}.classic-v2-shell .shell-page-head p{max-width:90ch;font-size:12px;line-height:1.45}.classic-v2-shell .shell-load-state{border-radius:1px;min-height:26px;padding:3px 7px;font-weight:400}.classic-v2-shell .shell-load-state i{box-shadow:none}.classic-v2-shell .page-stack,.classic-v2-shell .module-workspace,.classic-v2-shell .workspace-panel:not([hidden]),.classic-v2-shell .dashboard-v2,.classic-v2-shell .split-grid,.classic-v2-shell .metrics-grid,.classic-v2-shell .two-column,.classic-v2-shell .dashboard-v2-chart-row,.classic-v2-shell .dashboard-v2-telemetry-grid{gap:14px}.classic-v2-shell .card,.classic-v2-shell .tw-card,.classic-v2-shell .panel,.classic-v2-shell .pppoe-session-card,.classic-v2-shell .pppoe-operator-hero,.classic-v2-shell .monitor-history-panel,.classic-v2-shell .monitor-kpi{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:0}.classic-v2-shell .card-body{padding:14px}.classic-v2-shell .panel-head{border-bottom:1px solid var(--line);background:var(--surface-strong);min-height:38px;margin:-14px -14px 14px;padding:8px 12px}.classic-v2-shell .panel-head h2,.classic-v2-shell .panel h2,.classic-v2-shell .dashboard-v2 h2,.classic-v2-shell .monitor-page h2,.classic-v2-shell .pppoe-workspace h2{font-size:14px;font-weight:400}.classic-v2-shell .btn,.classic-v2-shell .tw-control{min-height:30px;box-shadow:none;border-radius:1px;padding:0 11px;font-size:12px;font-weight:400}.classic-v2-shell .btn:hover{background:var(--brand-soft);border-color:#91ac92}.classic-v2-shell .btn.tw-control-primary,.classic-v2-shell .btn.primary,.classic-v2-shell .btn[type=submit]:not(.danger),.classic-v2-shell .config-actions>.button-row>.btn:first-child,.classic-v2-shell .apply-review>.button-row>.btn:first-child,.classic-v2-shell .pppoe-hero-actions>.btn{color:#fff;background:#087f02;border-color:#087f02}.classic-v2-shell .btn.tw-control-primary:hover,.classic-v2-shell .btn.primary:hover{border-color:var(--brand-strong);background:var(--brand-strong)}.classic-v2-shell .tw-icon-control{width:30px;height:30px;padding:0}.classic-v2-shell .form-input,.classic-v2-shell .tw-field-control{background:var(--surface);border-radius:1px;height:31px;min-height:31px;font-size:12px}.classic-v2-shell textarea.form-input{height:auto}.classic-v2-shell :is(.form-input,.tw-field-control):focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}@supports (color:color-mix(in lab, red, red)){.classic-v2-shell :is(.form-input,.tw-field-control):focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 20%, transparent)}}.classic-v2-shell .form-switch:checked,.classic-v2-shell .form-switch[aria-checked=true]{background:var(--brand)}.classic-v2-shell .workspace-tabs{gap:0}.classic-v2-shell .workspace-tabs [role=tab]{border-right:1px solid var(--line);padding:8px 12px}.classic-v2-shell .workspace-tabs [aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.classic-v2-shell .table-wrap,.classic-v2-shell .interfaces-v2-list{scrollbar-width:thin;border-radius:0}.classic-v2-shell table th,.classic-v2-shell th{border-right:1px solid var(--line);background:var(--surface-strong);color:var(--text);letter-spacing:0;text-transform:none;padding:9px 10px;font-size:12px;font-weight:500}.classic-v2-shell table td,.classic-v2-shell td{border-right:1px solid var(--line-soft);padding:10px;font-size:12px}.classic-v2-shell tbody tr:nth-child(2n){background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.classic-v2-shell tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface-soft) 58%, var(--surface))}}.classic-v2-shell tbody tr:hover{background:var(--brand-soft)}.classic-v2-shell .interfaces-v2-list-head{background:var(--surface-strong);border-radius:0;font-weight:500}.classic-v2-shell .interfaces-v2-list>button{min-height:48px}.classic-v2-shell .interfaces-v2,.classic-v2-shell .interfaces-v2-workspace{gap:12px}.classic-v2-shell .interfaces-v2-inventory-card{order:1}.classic-v2-shell .interfaces-v2-hardware-card{order:2}.classic-v2-shell .interfaces-v2-inspector{order:3}.classic-v2-shell .if-toolbar{border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--surface-soft);min-height:44px;padding:7px 10px}.classic-v2-shell .if-connection>svg{width:18px}.classic-v2-shell .if-actions{justify-content:flex-end}.classic-v2-shell .if-summary{border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.classic-v2-shell .if-summary>button{border:0;border-right:1px solid var(--line);background:var(--surface);min-height:72px;padding:10px 12px}.classic-v2-shell .if-summary>button:last-child{border-right:0}.classic-v2-shell .if-summary>button:hover,.classic-v2-shell .if-summary>button[aria-pressed=true]{background:var(--brand-soft);box-shadow:inset 0 -3px 0 var(--brand)}.classic-v2-shell .if-summary strong{color:var(--text);font-size:18px}.classic-v2-shell .interfaces-v2-tools{border:1px solid var(--line);background:var(--surface-soft);grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:8px;margin-top:12px;padding:8px}.classic-v2-shell .interfaces-v2-filters,.classic-v2-shell .interfaces-v2-view-toggle{gap:0}.classic-v2-shell .interfaces-v2-filters .btn,.classic-v2-shell .interfaces-v2-view-toggle .btn{border-left-width:0}.classic-v2-shell .interfaces-v2-filters .btn:first-child,.classic-v2-shell .interfaces-v2-view-toggle .btn:first-of-type{border-left-width:1px}.classic-v2-shell .interfaces-v2-inventory-group>header{border:1px solid var(--line);border-bottom:0;border-left:4px solid var(--brand);background:var(--surface-strong);border-radius:0;margin:12px 0 0}.classic-v2-shell .interfaces-v2-list>button.is-selected{background:var(--brand-soft);box-shadow:inset 4px 0 0 var(--brand)}.classic-v2-shell .interfaces-v2-hardware-card .hardware-interface-heading{border:1px solid var(--line);background:var(--surface-soft);padding:8px 10px}.classic-v2-shell .interfaces-v2-inspector-head{border-bottom:1px solid var(--line);background:var(--surface-soft);margin:-16px -16px 10px;padding:12px 16px}.classic-v2-shell .interfaces-v2-danger>div:first-child{gap:4px;display:grid}@media (width<=760px){.classic-v2-shell .if-toolbar{align-items:stretch;padding:10px}.classic-v2-shell .if-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.classic-v2-shell .if-actions .btn{justify-content:center;width:100%}.classic-v2-shell .if-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-v2-shell .if-summary>button{border-bottom:1px solid var(--line);min-height:58px}.classic-v2-shell .if-summary>button:nth-child(2n){border-right:0}.classic-v2-shell .if-summary>button:nth-last-child(-n+2){border-bottom:0}.classic-v2-shell .interfaces-v2-tools{grid-template-columns:minmax(0,1fr)}.classic-v2-shell .interfaces-v2-filters{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.classic-v2-shell .interfaces-v2-filters .btn{min-width:0;padding-inline:5px}.classic-v2-shell .interfaces-v2-list-head{display:none}.classic-v2-shell .interfaces-v2-list>button{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;min-width:0;padding:12px}.classic-v2-shell .interfaces-v2-list>button>span{grid-area:auto}.classic-v2-shell .interfaces-v2-list>button>span:first-child{grid-column:1/-1}.classic-v2-shell .interfaces-v2-list>button>span:before{color:var(--muted);content:attr(data-label);letter-spacing:.03em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:500;display:block}.classic-v2-shell .interfaces-v2-list>button>span:first-child:before{display:none}.classic-v2-shell .interfaces-v2-list>button>span:nth-child(3),.classic-v2-shell .interfaces-v2-list>button>span:nth-child(5){grid-column:1/-1}.classic-v2-shell .interfaces-v2-hardware-card{padding:12px}.classic-v2-shell .interfaces-v2-hardware-card .if-list-heading p{display:none}.classic-v2-shell .hardware-interface-heading{gap:8px}.classic-v2-shell .hardware-interface-heading small{display:none}.classic-v2-shell .hardware-chassis-scroll{padding:6px 0}.classic-v2-shell .hardware-interface-legend{gap:8px 12px;font-size:11px}.classic-v2-shell .interfaces-v2-danger{gap:12px;display:grid}}.classic-v2-shell .inline-alert,.classic-v2-shell .tw-alert,.classic-v2-shell .draft-notice,.classic-v2-shell .danger-actions,.classic-v2-shell .interfaces-v2-danger,.classic-v2-shell .apply-review,.classic-v2-shell .storage-status-grid section,.classic-v2-shell .dhcp-scope-card,.classic-v2-shell .interfaces-v2-dhcp-action{border-radius:0}.classic-v2-shell .dashboard-v2-kpis{gap:12px}.classic-v2-shell .dashboard-v2-kpi{min-height:108px;padding:14px}.classic-v2-shell .dashboard-v2-kpi-icon,.classic-v2-shell .pppoe-summary-icon,.classic-v2-shell .pppoe-session-avatar,.classic-v2-shell .dashboard-interface-checkboxes label{border-radius:1px}.classic-v2-shell .dashboard-speedtest-metrics>div,.classic-v2-shell .pppoe-hero-stats>span,.classic-v2-shell .log-block,.classic-v2-shell .code-block{border-radius:0}.classic-v2-shell .interface-drawer,.classic-v2-shell .pppoe-editor,.classic-v2-shell [role=dialog]{border-radius:1px;box-shadow:-4px 0 12px #00000029}.login-surface.classic-v2-shell{background:#efefef;min-height:100dvh;padding-top:45px}.login-surface.classic-v2-shell .login-card{width:min(100%,420px);box-shadow:none;border:1px solid #c8cec7;border-top:5px solid #079600;border-radius:0;padding:35px}.login-surface.classic-v2-shell .brand-row h1{letter-spacing:0;font-size:25px;font-weight:400}.login-surface.classic-v2-shell .brand-row p{color:var(--muted);font-size:11px}html[data-theme=dark] .login-surface.classic-v2-shell{background:#181e1a}html[data-theme=dark] .classic-v2-shell .btn.tw-control-primary,html[data-theme=dark] .classic-v2-shell .btn.primary,html[data-theme=dark] .classic-v2-shell .btn[type=submit]:not(.danger),html[data-theme=dark] .classic-v2-shell .config-actions>.button-row>.btn:first-child,html[data-theme=dark] .classic-v2-shell .apply-review>.button-row>.btn:first-child,html[data-theme=dark] .classic-v2-shell .pppoe-hero-actions>.btn{background:#168214;border-color:#168214}@media (width>=901px){.classic-v2-shell.is-nav-collapsed .brand-copy,.classic-v2-shell.is-nav-collapsed .brand-edition{display:none}.classic-v2-shell.is-nav-collapsed .brand-block{padding:8px!important}.classic-v2-shell.is-nav-collapsed .nav-list{padding:7px 0!important}.classic-v2-shell.is-nav-collapsed .nav-group{border-bottom:0}.classic-v2-shell.is-nav-collapsed .nav-group-items{gap:0}.classic-v2-shell.is-nav-collapsed .nav-group-items .menu-link{min-height:38px;padding:8px!important}}@media (width<=1200px){:root{--spacing-sidenav-width:240px}.classic-v2-shell .nav-group-items .menu-link{padding-left:38px}.classic-v2-shell .shell-command-search{width:150px}}@media (width<=900px){:root{--spacing-sidenav-width:260px}.appliance-shell.classic-v2-shell{padding-top:5px}.classic-v2-shell .sidebar{z-index:50;width:var(--spacing-sidenav-width);min-width:var(--spacing-sidenav-width);position:fixed;inset:5px auto 0 0;transform:translate(-100%)}.classic-v2-shell .sidebar.is-open{transform:translate(0)}.classic-v2-shell .brand-block{padding-inline:12px}.classic-v2-shell .topbar{padding:0 8px}.classic-v2-shell .topbar-mobile-route strong{font-size:13px}.classic-v2-shell .workspace-scroll{padding:12px 10px 16px}.classic-v2-shell .shell-page-head{align-items:flex-start;min-height:0;margin-bottom:12px;padding:0}.classic-v2-shell .shell-page-head h1{font-size:19px}.classic-v2-shell .dashboard-v2-kpis{gap:8px}.classic-v2-shell .dashboard-v2-kpi{min-height:88px;padding:10px}.classic-v2-shell .page-stack,.classic-v2-shell .module-workspace,.classic-v2-shell .workspace-panel:not([hidden]),.classic-v2-shell .dashboard-v2{gap:10px}}@media (width<=600px){.classic-v2-shell .card-body{padding:12px}.classic-v2-shell .panel-head{margin:-12px -12px 12px}.classic-v2-shell .login-card{padding:26px}.classic-v2-shell .btn,.classic-v2-shell .tw-control{min-height:36px}.classic-v2-shell .topbar .btn,.classic-v2-shell .topbar .tw-control{min-height:28px}}@media (prefers-reduced-motion:reduce){.classic-v2-shell *{transition:none!important}}@font-face{font-family:DM Sans;src:url(/assets/DM-Sans-OkNhvBry.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/assets/Noto-Sans-Thai-BmKSpygy.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--canvas:var(--color-body-bg);--surface:var(--color-card);--surface-soft:var(--color-default-50);--surface-strong:var(--color-default-100);--line:var(--color-default-200);--line-soft:var(--color-default-100);--text:var(--color-default-800);--muted:var(--color-default-600);--brand:var(--color-primary);--brand-strong:var(--color-blue-600);--brand-soft:var(--brand)}@supports (color:color-mix(in lab, red, red)){:root{--brand-soft:color-mix(in srgb, var(--brand) 10%, transparent)}}:root{--danger:var(--color-danger);--danger-strong:var(--color-orange-600);--danger-soft:var(--danger)}@supports (color:color-mix(in lab, red, red)){:root{--danger-soft:color-mix(in srgb, var(--danger) 10%, transparent)}}:root{--ok:var(--color-green-700);--warn:var(--color-amber-700);--focus:var(--color-primary);--nav:var(--sidenav-background);--nav-strong:var(--color-default-100);--shadow:var(--shadow-sm);--logo:var(--color-primary);--logo-strong:var(--color-blue-600)}[data-theme=dark]{--ok:var(--color-green-400);--warn:var(--color-amber-400)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}