:root{color-scheme:light;--ink:#19383b;--muted:#536a6c;--line:#dce7e5;--accent:#28665c;--accent-soft:#e8f3ee;--paper:#ffffffed;--danger:#a73f46;--warn:#926128;--shadow:0 8px 30px #263f3510}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 5% 0,#cce4dc 0,transparent 49%),radial-gradient(ellipse at 90% 0,#dce1ef 0,transparent 60%),#f1f4f1;background-attachment:fixed;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:1px solid #ceded9;border-radius:9px;min-height:40px;padding:8px 14px;color:var(--ink);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5}button:hover:enabled{background:#edf5f1;border-color:#a9c5bb}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 8px #214f3f14}button.primary:hover:enabled{background:#1d5148;border-color:#1d5148}button.danger{color:var(--danger);border-color:#e2b8bd;background:#fff9f9}button.quiet{background:transparent;border-color:transparent}button.quiet:hover:enabled{background:#eaf2ee;border-color:transparent}a{color:#26665d;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #337b6d;outline-offset:3px}input,textarea,select{min-height:44px;border:1px solid #bfceca;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);max-width:100%}input::placeholder,textarea::placeholder{color:#788985}label{font-weight:550}p{margin:0 0 14px}h1,h2,h3,h4{line-height:1.4;margin:0;color:#16343a}h1{font-size:30px;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;font-weight:650}h3{font-size:15px;font-weight:650}h4{font-size:14px;font-weight:600;margin:16px 0 8px}small,.small{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.muted,.optional{color:var(--muted)}.optional{font-size:13px;font-weight:400}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}[data-icon]{display:inline-flex;align-items:center;justify-content:center}
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:32px;padding:16px;max-width:1800px;margin:auto;min-height:100vh}.sidebar{position:sticky;top:16px;height:calc(100dvh - 32px);min-height:650px;display:flex;flex-direction:column;padding:26px 20px 20px;border:1px solid #ffffffd9;border-radius:24px;background:#f8fffc9c;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;color:#163b40;text-decoration:none;font-size:24px;line-height:1.2;letter-spacing:-1px;font-weight:720}.brand>svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.brand small{display:block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-top:8px}.workspace-switch{display:flex;align-items:center;gap:10px;padding:15px 12px;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:13px;margin:30px 0 16px}.workspace-mark{width:29px;height:29px;border-radius:8px;background:#dfede7;display:grid;place-items:center;color:#3b6c60;font-weight:700}.workspace-switch>div{flex:1;min-width:0}.workspace-switch strong,.workspace-switch div>span{display:block;font-size:13px}.workspace-switch div>span{font-size:13px;color:var(--muted);font-weight:400}.workspace-lock{color:#5c8277}.sidebar nav{display:grid;gap:4px}.nav-label{font-size:13px;color:#586e6f;padding:8px 10px 3px;margin:0}.sidebar nav button{justify-content:flex-start;text-align:left;border:0;background:transparent;min-height:43px;padding:10px 12px;font-size:14px;color:#465f62;gap:11px;white-space:nowrap}.sidebar nav button:hover{background:#ffffff9e}.sidebar nav button.active{background:#fff;color:#245f55;box-shadow:0 3px 12px #31534809;font-weight:650}.sidebar nav button .icon{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding-top:24px;color:#577173}.sidebar-bottom>div{display:flex;align-items:center;gap:9px}.sidebar-bottom p{font-size:13px;line-height:1.6;margin:0}.sidebar-bottom small{display:block}.appearance-option{display:flex;align-items:center;gap:8px;border-top:1px solid #d4e1dd;padding-top:14px;margin-top:15px;font-size:13px;font-weight:400}.appearance-option input{width:14px;height:14px;min-height:0;accent-color:var(--accent);margin:0}.sidebar-footnote{display:block;font-size:11px;letter-spacing:1.7px;margin-top:18px}
#main-content{min-width:0;padding:10px 14px 20px 0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#53676c;font-size:13px;min-height:28px}.topbar>span>span[aria-hidden]{color:#99aaa4;margin:0 12px}.topbar-label{display:flex;gap:7px;align-items:center;font-size:13px}.topbar-label .icon{width:16px;height:16px}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:34px 0 26px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#456a65;margin:0 0 8px}.page-header h1{margin-bottom:8px}#page-description{color:var(--muted);font-size:14px;margin:0;max-width:700px}.identity{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-size:13px;flex-wrap:wrap}.identity-avatar{width:32px;height:32px;border-radius:50%;background:#ffffffa8;border:1px solid #ffffffc7;color:#496d62}#identity{max-width:240px;overflow-wrap:anywhere}.identity #logout{font-size:13px;min-height:36px;padding:6px 10px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;color:#607275;font-size:13px;margin-top:28px;padding:0 4px}.panel{background:var(--paper);border:1px solid #fffffff0;border-radius:20px;box-shadow:var(--shadow);min-width:0}.notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:13px 16px;border:1px solid #e0c9a5;background:#fff7e9;border-radius:12px;color:#75511f;font-size:14px;overflow-wrap:anywhere}.notice.error{border-color:#dfb7bd;background:#fff2f3;color:#963943}.notice button{flex-shrink:0}.name-pending{margin-bottom:18px}.overview-toolbar,.operations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#ffffff9c;border:1px solid #ffffffd6;border-radius:15px;padding:15px 18px;margin-bottom:22px;backdrop-filter:blur(10px)}.overview-toolbar>div:last-child{display:flex;gap:9px}.overview-toolbar p,.operations-toolbar p{font-size:13px;color:var(--muted);margin:3px 0 0}.live-source,.operations-source{font-size:13px;font-weight:550;color:#375d58}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.summary-card{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 21px;background:var(--paper);border:1px solid #fff;border-radius:19px;box-shadow:var(--shadow);text-align:left}.summary-card:hover:enabled{background:#fff;border-color:#8cb7a7}.summary-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#38575c}.summary-label .icon{width:18px;height:18px;color:#698a81}.summary-card>strong{display:block;font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-1px;margin:9px 0 5px;color:#203c41}.summary-card>small{font-size:13px}.summary-card:disabled{opacity:1;cursor:default}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px;margin-bottom:20px}.dashboard-card{padding:23px}.card-heading{margin-bottom:18px}.card-heading h2{font-size:18px;margin-bottom:5px}.card-heading p{font-size:13px;color:var(--muted);margin:0}.card-footer{border-top:1px solid #e6eeea;margin-top:16px;padding-top:16px}.card-footer p{font-size:13px;color:var(--muted);margin-bottom:10px}.text-button{background:none;border:0;color:#2a6b5f;padding:4px 0;min-height:32px;font-size:13px;font-weight:550}.text-button:hover:enabled{background:transparent;color:#184b41;text-decoration:underline}.server-list{display:grid;gap:10px}.server-overview-row,.device-overview-row{width:100%;min-width:0;display:flex;align-items:center;text-align:left;background:#f8fbf9;border:1px solid #e0eae5;border-radius:12px;padding:15px 13px;gap:14px}.server-overview-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.server-overview-main>span:last-child{min-width:0}.server-overview-main strong,.server-overview-main small{display:block;overflow-wrap:anywhere}.server-overview-main strong{font-size:15px}.server-overview-tail{text-align:right;flex-shrink:0}.server-overview-tail small{display:block;font-size:13px;margin-top:4px}.entity-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3f0;color:#56766b;flex-shrink:0}.entity-icon.nodes{background:#edf1f8;color:#637798}.entity-icon.policies{background:#f4efdf;color:#8a7548}.entity-icon .icon{width:19px;height:19px}.attention-item{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;background:transparent;border:0;border-radius:0;padding:16px 0;min-height:90px}.attention-item+.attention-item{border-top:1px solid #e5ece9}.attention-item>span{flex:1}.attention-item strong,.attention-item small{display:block}.attention-item strong{font-size:14px;font-weight:600;margin-bottom:5px}.attention-item small{font-size:13px;line-height:1.7;color:var(--muted)}.attention-item>.icon:first-child{color:#8a713f;margin-top:3px}.attention-item>.icon:last-child{color:#6b8a80;width:16px;height:16px;align-self:center}.attention-item:hover:enabled{background:transparent;border-color:#e5ece9}.device-overview-row{border:0;border-bottom:1px solid #edf1ef;background:transparent;border-radius:0;padding:13px 0}.device-overview-row>span{flex:1;min-width:0}.device-overview-row strong,.device-overview-row small{display:block;overflow-wrap:anywhere}.device-overview-row .badge{flex:0 0 auto}.device-overview-row>.icon{color:#66887c}.overview-traffic{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0 26px}.overview-traffic span{display:block;color:#597575;font-size:14px}.overview-traffic strong{display:block;font-size:29px;color:#386b60;letter-spacing:-.8px;margin-top:6px}.read-warning{display:flex;gap:10px;background:#fff8e7;border:1px solid #e4d2ac;border-radius:12px;color:#725626;padding:14px 17px;margin-bottom:20px;font-size:13px}
.registry-panel{overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 22px 16px}.toolbar form{display:flex;align-items:center;gap:8px;min-width:0;flex:1;max-width:520px}.toolbar form>.icon{color:#6b847e}.toolbar input{min-width:0;width:100%;background:#f6faf7;border:1px solid #e0e9e4;border-radius:9px;font-size:14px}.toolbar form button{flex-shrink:0}.toolbar-actions{display:flex;gap:8px;flex-shrink:0}.metadata{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 23px 16px;font-size:13px;color:#607575}.node-health-note{display:flex;gap:8px;margin:0;padding:12px 23px;border-top:1px solid #e9f0ec;background:#f5f9f7;color:#526e66;font-size:13px}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{background:#f6f9f7;color:#54716c;font-size:13px;font-weight:550;white-space:nowrap;padding:13px 20px;border-top:1px solid #e5ede8;border-bottom:1px solid #e5ede8}td{padding:18px 20px;vertical-align:middle;border-bottom:1px solid #edf1ee;color:#29444a;font-size:14px;overflow-wrap:anywhere}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafdfb}.entity-cell{display:flex;align-items:center;gap:11px;min-width:170px}.entity-cell>div:last-child{min-width:0}.entity-name{display:block;padding:0;min-height:25px;text-align:left;color:#1d4545;background:none!important;border:0;border-radius:3px;max-width:280px;overflow-wrap:anywhere;font-size:14px;font-weight:650;justify-content:flex-start}.entity-name:hover:enabled{color:#2a7364;text-decoration:underline}.entity-cell small{display:block;margin-top:4px;font-size:13px;color:#72817c}.cell-secondary{font-size:13px;color:#6a7d77;margin-top:6px}.cell-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:100px}.row-actions button{font-size:13px;min-height:34px;padding:6px 10px;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:13px;line-height:1.4;font-weight:500;background:#eef1f0;color:#60736c}.badge.good{color:#2e6e53;background:#e6f3e9}.badge.warn{color:#926128;background:#fbf0de}.badge.danger{color:#a33f47;background:#fbe9eb}.badge.info{color:#426e90;background:#eaf1fa}.tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:270px}.tag{display:inline-flex;line-height:1.5;font-size:13px;background:#eff4f2;border:1px solid #e1eae5;padding:3px 7px;border-radius:5px;color:#4c7165}.inline-technical{font-size:13px;color:#687d75;width:100%;margin-top:3px}.inline-technical summary{cursor:pointer;font-size:13px}.inline-technical code{display:block;font-size:13px;overflow-wrap:anywhere;padding:3px 0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;border-top:1px solid #e6eeea;font-size:13px;color:#607770}.pagination>div{display:flex;align-items:center;gap:12px}.pagination button{font-size:13px;min-height:34px;padding:5px 10px}.empty{padding:64px 24px;text-align:center;color:#6c8078;max-width:600px;margin:auto;font-size:14px}.empty.compact{padding:30px 10px}.stale{opacity:.55}.explanation{margin:23px 4px 0;font-size:13px;color:#61736d;max-width:1000px}.explanation summary{cursor:pointer;color:#42695e}.explanation p{margin:10px 0 0;line-height:1.8}.operation{margin-top:20px;padding:22px}.operation-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.operation p{font-size:14px;color:var(--muted)}.operation dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 16px;font-size:13px;margin:18px 0}dt,dd{margin:0;overflow-wrap:anywhere}.operation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.operation #pending-note{font-size:13px;margin:13px 0 0}
dialog{border:1px solid #dfe9e3;border-radius:20px;padding:27px;width:calc(100% - 32px);max-width:580px;max-height:calc(100dvh - 40px);color:var(--ink);background:#fff;box-shadow:0 30px 120px #16372940;overflow:auto}dialog::backdrop{background:#183e3d50;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-heading h2{font-size:23px;letter-spacing:-.5px}.dialog-heading .quiet{margin-top:-4px}dialog p{font-size:14px;color:var(--muted);line-height:1.75}dialog label{display:block;font-size:14px;margin:16px 0 7px}dialog input,dialog select,dialog textarea{width:100%;min-width:0}dialog .field-help{margin:7px 0 0;color:#62776d;font-size:13px;line-height:1.7}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.dialog-footer>span{font-size:13px;color:var(--muted);flex:1}.form-error{min-height:20px;font-size:13px;color:var(--danger);margin:12px 0 0}#confirmation,#confirm-target{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.enrollment-dialog{max-width:530px}.enrollment-intro{margin-bottom:22px}.enrollment-result{border:1px solid #cce1d2;background:#f1f8f2;border-radius:13px;padding:19px;margin-top:21px}.enrollment-ready{display:flex;align-items:center;gap:7px;color:#2e6b4d;margin-bottom:9px}.enrollment-ready-dot{width:7px;height:7px;border-radius:50%;background:#41815e}.activation-code-control{display:flex;gap:8px}.activation-code-control input{font-size:13px;font-family:ui-monospace,SFMono-Regular,monospace;flex:1;min-width:0;width:0}.activation-code-control button{flex-shrink:0}.enrollment-result p{font-size:13px}.enrollment-result #enrollment-expiry{margin:8px 0 12px}.enrollment-result .enrollment-device{margin:0;overflow-wrap:anywhere}.enrollment-status{margin:14px 0 0;min-height:22px;font-size:13px}.enrollment-download{display:inline-block;margin:16px 0 0;font-size:14px;font-weight:550}.detail-dialog{inset:0 0 0 auto;margin:0;border:0;border-left:1px solid #e0e8e4;border-radius:22px 0 0 22px;width:min(540px,100vw);max-width:none;height:100dvh;max-height:none;padding:0;background:#f7faf8}.detail-heading{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#fffffff5;border-bottom:1px solid #e1e9e4;padding:25px 25px 22px;backdrop-filter:blur(12px)}.detail-heading h2{font-size:25px;line-height:1.4;overflow-wrap:anywhere}.detail-heading .eyebrow{font-size:13px;letter-spacing:0;color:#667a71;margin-bottom:5px}.icon-button{width:40px;height:40px;padding:0;border:1px solid #dce6df;background:#fff;flex-shrink:0}.detail-body{padding:25px}.detail-identity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;color:#506f66}.detail-rename{margin-bottom:6px;font-size:13px}.detail-section{padding:22px 0;border-bottom:1px solid #dfe9e3}.detail-section:last-child{border:0}.detail-section h3{margin-bottom:16px}.detail-section>button+button{margin-left:8px}.detail-row{display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;margin:12px 0;font-size:14px}.detail-row dt{color:#65786e}.detail-row dd{color:#24463f}.detail-row dd .badge{margin-top:-2px}.detail-note{padding:12px 14px;background:#ecf3ee;border-radius:9px;color:#5d7668;font-size:13px;margin:18px 0 0}.technical-details{font-size:13px;padding:20px 0;color:#5f786b}.technical-details summary{cursor:pointer;font-size:14px}.technical-details .detail-row{font-size:13px}.technical-details dd{font-family:ui-monospace,SFMono-Regular,monospace}.related-row{width:100%;display:flex;justify-content:space-between;gap:12px;background:#fff;margin:8px 0;padding:12px;text-align:left;font-size:13px}.related-row .badge{flex-shrink:0}.rename-dialog{max-width:490px}#workspace-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#214e42;color:#fff;padding:13px 22px;border-radius:12px;box-shadow:0 10px 35px #193c332a;z-index:100;font-size:14px;width:max-content;max-width:calc(100vw - 40px)}
.operations-card{padding:24px;margin-bottom:20px}.operations-card-heading h2{margin-bottom:6px}.operations-card-heading p{font-size:13px;color:var(--muted);margin:0 0 22px}.operations-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.operations-metric{padding:20px}.operations-metric p{font-size:14px;color:#526e63;margin-bottom:10px}.operations-metric strong{display:block;font-size:28px;line-height:1.4;color:#2c5d4f;margin-bottom:6px;letter-spacing:-.6px}.operations-metric small{font-size:13px}.operations-card svg:not(.icon){width:100%;height:auto;min-height:120px;max-height:250px}.operations-chart-grid{stroke:#e5ece7;stroke-width:1;stroke-dasharray:3 4}.operations-chart-up,.operations-chart-down{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.operations-chart-up{stroke:#3d8671}.operations-chart-down{stroke:#758fb1}.operations-chart-legend{display:flex;gap:20px;font-size:13px;margin-top:10px}.operations-chart-legend .up{color:#3d8671}.operations-chart-legend .down{color:#708aad}.operations-empty{padding:45px 20px;text-align:center;color:#65796c;font-size:14px}.operations-help{font-size:13px;color:#63796b;margin:16px 2px;line-height:1.8}.operations-limit-form{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.6fr auto;gap:14px;align-items:end}.operations-limit-form>div{min-width:0}.operations-limit-form input,.operations-limit-form select{width:100%;min-width:0}.operations-limit-form label{display:block;font-size:13px;margin-bottom:7px}.operations-limit-form>button{min-height:44px}.operations-limit-form+*{margin-top:20px}.operations-version-details{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 16px;font-size:14px}.operations-version-details dt{color:var(--muted)}.operations-version-details dd{overflow-wrap:anywhere}.operations-download{display:inline-block;font-size:13px;font-weight:600;padding:7px 12px;border-radius:7px;background:#edf5ef;text-decoration:none;color:#2c6b56}.operations-history-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 0;border-top:1px solid #e6eee8}.operations-history-row strong{font-size:14px}.operations-history-row p{font-size:14px;margin:4px 0}.operations-history-row small{font-size:13px}.operations-history-row>button{flex-shrink:0}.operations-pending{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff6e8;border:1px solid #e3d0ab;border-radius:12px;padding:15px 17px;margin-bottom:20px;font-size:14px}.operations-pending button{flex-shrink:0}.operations-toolbar>div{min-width:0}.solid-surfaces{background:#edf3ef}.solid-surfaces .sidebar,.solid-surfaces .overview-toolbar,.solid-surfaces .operations-toolbar,.solid-surfaces .panel,.solid-surfaces .summary-card{background:#fff;backdrop-filter:none}.solid-surfaces dialog::backdrop{backdrop-filter:none}
@media(min-width:1550px){#main-content{padding-right:24px}.dashboard-columns{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}}
@media(max-width:1180px){.shell{grid-template-columns:206px minmax(0,1fr);gap:22px}.sidebar{padding:25px 14px 18px}.brand{font-size:23px}.brand>svg{width:29px}.workspace-switch{padding:12px 9px}.summary-card{padding:18px 16px}.summary-card>strong{font-size:29px}.dashboard-columns{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.operations-limit-form{grid-template-columns:1fr 1fr}.operations-limit-form>button{justify-self:start}.identity{max-width:270px}.toolbar{flex-wrap:wrap}.toolbar form{max-width:none}}
@media(max-width:980px){.summary-grid,.operations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.page-header{align-items:flex-start}.identity-avatar{display:none}.identity{max-width:210px}.dashboard-card{padding:21px}.server-overview-row{padding:15px}.workspace-footer{flex-wrap:wrap;font-size:13px}}
@media(max-width:760px){.shell{display:block;padding:12px}.sidebar{position:relative;top:0;height:auto;min-height:0;padding:18px 14px 10px;border-radius:18px;margin-bottom:20px;display:block}.brand{font-size:23px;width:max-content}.brand small{font-size:12px;margin-top:4px}.brand>svg{width:28px}.workspace-switch{display:none}.sidebar nav{display:flex;overflow-x:auto;padding:12px 0 4px;gap:4px;margin:0 -3px;scrollbar-width:thin}.sidebar nav button{font-size:14px;padding:9px 12px;flex-shrink:0;gap:7px;min-height:42px}.sidebar nav .nav-label,.sidebar-bottom{display:none}#main-content{padding:0 1px 20px}.topbar{padding:0 3px;font-size:13px}.topbar-label{display:none}.page-header{display:block;margin:24px 3px 20px}.page-header h1{font-size:28px}.page-header .eyebrow{font-size:10px;margin-bottom:7px}#page-description{font-size:14px;max-width:100%}.identity{max-width:none;justify-content:flex-start;margin-top:14px;gap:8px}.identity #logout{margin-left:auto}.overview-toolbar,.operations-toolbar{padding:14px;gap:12px;align-items:stretch;flex-wrap:wrap;margin-bottom:16px}.overview-toolbar>div:last-child{width:100%;justify-content:flex-end}.overview-toolbar>div:last-child button{flex:1}.operations-toolbar>button{align-self:center}.summary-grid,.operations-metrics{gap:12px;margin-bottom:16px}.summary-card{padding:17px 15px;min-height:138px;border-radius:16px}.summary-label{font-size:13px}.summary-card>strong{font-size:29px}.summary-card>small{font-size:13px}.dashboard-columns{gap:16px;margin-bottom:16px}.dashboard-card{padding:20px 17px;border-radius:17px}.card-heading h2{font-size:18px}.server-overview-row{flex-wrap:wrap;padding:14px 12px}.server-overview-tail{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin-left:47px}.server-overview-tail small{margin:0}.entity-icon{width:34px;height:34px}.device-overview-row{gap:11px;flex-wrap:wrap}.device-overview-row .badge{max-width:100%;font-size:13px}.overview-traffic strong{font-size:27px}.toolbar{padding:16px 16px 12px;gap:12px}.toolbar form{width:100%;flex-basis:100%;max-width:100%}.toolbar input{font-size:14px}.toolbar-actions{justify-content:flex-end;margin-left:auto}.metadata{padding:0 17px 13px;align-items:flex-start;flex-wrap:wrap;gap:3px;font-size:13px}.registry-panel>.table-wrap{overflow:visible}.registry-panel table,.registry-panel tbody{display:block;width:100%}.registry-panel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.registry-panel tbody tr{display:block;padding:17px;border-top:1px solid #e1ebe5}.registry-panel td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px 0;border:0;font-size:14px;align-items:center}.registry-panel td::before{content:attr(data-label);font-size:13px;color:#6c8075}.registry-panel td:first-child{display:block;padding-top:0;margin-bottom:8px}.registry-panel td:first-child::before{display:none}.registry-panel td .cell-secondary{grid-column:2;margin-top:0}.registry-panel td .tag-list{grid-column:2}.registry-panel td .badge{justify-self:start}.entity-cell{min-width:0}.entity-name{font-size:15px;max-width:100%}.entity-cell small{font-size:13px}.row-actions{gap:8px}.row-actions button{min-height:38px;padding:7px 12px}.pagination{flex-wrap:wrap;padding:15px 17px;gap:10px}.pagination-hint{width:100%}.pagination>div{justify-content:space-between;width:100%}.pagination button{min-height:38px}.node-health-note{padding:12px 17px;font-size:13px}.workspace-footer{padding:0 3px;margin-top:22px;gap:7px;font-size:13px;display:grid}.notice{align-items:flex-start;flex-wrap:wrap;font-size:14px}.notice button{min-height:38px}.operation{padding:18px}.operation dl{grid-template-columns:90px minmax(0,1fr);gap:10px;font-size:13px}.operation-header h2{font-size:17px}.operation .small{font-size:13px}.explanation{font-size:13px}.detail-dialog{width:100%;border-radius:0}.detail-heading{padding:22px 20px 19px}.detail-heading h2{font-size:25px}.detail-body{padding:20px}.detail-row{grid-template-columns:112px minmax(0,1fr);gap:12px}.detail-section{padding:20px 0}.related-row{flex-wrap:wrap}dialog{padding:23px 20px;border-radius:17px;max-height:calc(100dvh - 24px)}dialog input,dialog select,dialog textarea{font-size:16px}.dialog-heading h2{font-size:23px}.dialog-footer{flex-wrap:wrap;gap:13px}.dialog-footer>span{flex-basis:100%;font-size:13px}.dialog-footer>button{margin-left:auto;min-height:44px}.enrollment-dialog{padding:24px 20px}.activation-code-control input{font-size:13px}.operations-card{padding:20px 17px}.operations-metric{padding:17px 14px}.operations-metric strong{font-size:25px}.operations-limit-form{grid-template-columns:1fr}.operations-limit-form>button{justify-self:stretch}.operations-version-details{grid-template-columns:110px minmax(0,1fr);font-size:13px}.operations-card table{min-width:480px}.operations-card th,.operations-card td{padding:12px;font-size:13px}.operations-history-row{align-items:flex-start;flex-wrap:wrap}.operations-history-row>button{min-height:40px}.operations-pending{flex-wrap:wrap;font-size:14px}.operations-chart-legend{font-size:13px}.operations-help{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--muted:#344f4b;--line:#9ab3a7}.panel,.sidebar,.summary-card{background:#fff;border-color:#9ab3a7}.badge{border:1px solid currentColor}}
/* Dedicated sign-in surface; dashboard styles remain scoped to .shell. */
body.signed-out{background:#fafbf9}
body.signed-out .shell{display:none}
.auth-page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);color:#203b39;background:#fafbf9}
.auth-story{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#123d36;color:#f2f7ef;padding:44px 56px 32px}
.auth-brand{display:flex;align-items:center;gap:13px;font-size:25px;letter-spacing:-.8px;font-weight:650}
.mesh-logo{height:37px;width:37px;stroke:#d3e9b9;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mesh-logo circle{fill:#123d36}
.auth-story-content{margin:auto 0;padding:70px 0 10px;position:relative;z-index:1}
.auth-kicker{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:2.2px;margin:0 0 22px}
.auth-story .auth-kicker{color:#b9d4bd}
.auth-story h1{font-size:clamp(38px,4.3vw,64px);line-height:1.35;font-weight:500;letter-spacing:1px;margin:0 0 24px}
.auth-story-description{font-size:14px;line-height:1.95;color:#bed1c9;margin:0}
.mesh-art{width:calc(100% + 24px);max-width:520px;margin:36px 0 22px -12px}
.mesh-art svg{display:block;width:100%;overflow:visible}
.mesh-path-soft{stroke:#82ae922e;stroke-width:1}
.mesh-path{stroke:#accd98;stroke-width:1.5}
.mesh-halo{fill:#c3e3a90b;stroke:#bbd5a726;stroke-width:1}
.mesh-node{fill:#254f41;stroke:#b3d39d;stroke-width:1.5}
.mesh-node-main{fill:#d5e9b8;stroke:#e2f2c9;stroke-width:2}
.auth-story-footer{display:flex;align-items:center;gap:12px;font-size:11px;color:#bad0c4;letter-spacing:1px}
.auth-footer-line{display:block;width:24px;height:1px;background:#8bac87}
.auth-entry{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:48px 48px 32px;min-width:0}
.auth-entry-label{width:100%;text-align:right;font-size:10px;letter-spacing:2px;color:#698078}
.auth-card{width:100%;max-width:360px;padding:64px 0}
.auth-heading .auth-kicker{color:#4d7365;letter-spacing:1.5px;margin:0 0 12px;font-size:12px}
.auth-heading h2{font-size:32px;line-height:1.4;letter-spacing:-.7px;font-weight:600;margin:0 0 12px}
.auth-heading>p:last-child{font-size:13px;color:#657870;margin:0;line-height:1.8}
#login-form{margin-top:36px}
.auth-field{margin-bottom:22px}
.auth-field label{display:block;font-size:13px;font-weight:550;margin-bottom:9px;color:#304b42}
.auth-field input{width:100%;min-width:0;height:50px;padding:12px 15px;border:1px solid #d5ded7;border-radius:9px;background:#fff;color:#203b39;font-size:14px;transition:border-color .15s,box-shadow .15s}
.auth-field input::placeholder{color:#8a9690;font-size:13px}
.auth-field input:focus{border-color:#537e66;box-shadow:0 0 0 3px #41785c10}
.auth-field input:focus-visible{outline:2px solid #497757;outline-offset:3px}
.auth-field input[aria-invalid=true]{border-color:#ae5054}
.password-control{position:relative}
.password-control input{padding-right:54px}
#toggle-password{position:absolute;right:4px;top:4px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#74847c}
#toggle-password:hover{color:#254e3c;background:#f0f4ef}
#toggle-password svg,.auth-submit svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eye-slash{display:none}
#toggle-password[aria-pressed=true] .eye-slash{display:block}
.auth-submit.primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:50px;padding:12px 18px;background:#245c47;border-color:#245c47;border-radius:9px;font-size:14px;font-weight:550;box-shadow:0 3px 6px #173d2d0a}
.auth-submit.primary:hover:enabled{background:#194c39;border-color:#194c39}
.auth-submit:disabled{opacity:.65;cursor:wait}
.auth-submit[aria-busy=true] svg{display:none}
.auth-submit[aria-busy=true]::after{content:'';width:15px;height:15px;border:1.5px solid #ffffff5c;border-top-color:white;border-radius:50%;animation:auth-spin .8s linear infinite}
@keyframes auth-spin{to{transform:rotate(360deg)}}
.auth-help{font-size:11px;color:#6c7d72;text-align:center;line-height:1.8;margin:24px 0 0}
.auth-entry-footer{display:flex;align-items:center;gap:7px;font-size:11px;color:#748278}
.auth-entry-footer svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}
#auth-feedback .notice{font-size:12px;line-height:1.7;margin:0 0 18px;padding:11px 13px;border-radius:8px}
.auth-retry{width:100%;margin-top:12px;border:0;background:transparent;color:#245c47;font-size:13px;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.auth-story{padding-left:max(56px,calc((100vw - 1380px)/2))}.auth-entry{padding-right:max(48px,calc((100vw - 1380px)/2))}}
@media(max-width:1000px){.auth-story{padding:36px 32px 28px}.auth-entry{padding:40px 32px 28px}.auth-story h1{font-size:42px}.auth-story-description{font-size:13px}}
@media(max-width:700px){.auth-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-story{padding:26px 28px;background:#123d36}.auth-brand{font-size:23px;gap:10px}.mesh-logo{width:31px;height:31px}.auth-story-content,.auth-story-footer{display:none}.auth-entry{padding:36px 28px 26px;min-height:0;justify-content:flex-start}.auth-entry-label{max-width:360px;text-align:left;font-size:9px;letter-spacing:1.8px}.auth-card{padding:42px 0 40px}.auth-heading h2{font-size:30px}.auth-field input{font-size:16px}.auth-entry-footer{margin-top:auto}#login-form{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page *::before,.auth-page *::after{animation:none!important;transition:none!important}}

.metadata-notice{margin:0 0 18px;padding:11px 15px;border:1px solid #dce8e1;border-radius:10px;color:#577062;background:#f5faf5;font-size:13px;line-height:1.7}
.tag-editor-advanced{margin:14px 0 20px;padding:12px 14px;background:#f6f9f7;border:1px solid #e0e9e3;border-radius:9px;font-size:13px}.tag-editor-advanced summary{cursor:pointer;color:#526e61}.tag-editor-preview{margin-top:12px}.role-options{border:0;padding:0;margin:20px 0}.role-options legend{font-size:14px;font-weight:600;margin-bottom:9px}.role-options label{display:flex;align-items:center;gap:9px;margin:8px 0;padding:9px 11px;border:1px solid #e1e9e4;border-radius:8px;font-weight:400}.role-options input{width:16px;height:16px;min-height:0;margin:0;flex-shrink:0;accent-color:var(--accent)}

.traffic-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.traffic-toolbar select{min-width:180px;max-width:100%}.traffic-readout{display:block;min-height:24px;font-variant-numeric:tabular-nums;color:var(--ink);padding:8px 0}.traffic-axis{font-size:12px;fill:currentColor;opacity:.7}.traffic-cursor{stroke:currentColor;stroke-width:1;stroke-dasharray:4 4;opacity:.5}.operations-card svg[role=slider]{width:100%;touch-action:pan-y;cursor:crosshair}.operations-card svg[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}

.network-form{display:grid;gap:16px}.network-form label{display:grid;gap:7px;margin:12px 0}.network-form input,.network-form select,.network-form textarea{width:100%;max-width:100%}.network-rule{padding:16px;margin:16px 0;border:1px solid var(--line);border-radius:12px}.network-form button{margin-right:10px;margin-top:10px}.network-form output{display:block;margin:12px 0}.network-form textarea{font-family:ui-monospace,monospace}.network-form .operations-card{margin:0}#network-enabled{margin-right:10px}
.sidebar #nav{margin-top:28px}

.network-profile{padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:12px}.network-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.network-form details{margin:12px 0}.network-form summary{cursor:pointer;font-weight:600}@media(max-width:600px){.network-profile-grid{grid-template-columns:1fr}}