:root{color:#252a2d;font-synthesis:none;letter-spacing:0;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #087f66}input:focus{outline-offset:1px;outline:2px solid #90c8ba}button{transition:background .12s}h1,h2,p{margin:0}h1{font-size:30px;font-weight:650;line-height:1.35}h2{font-size:16px;font-weight:650}small{font-size:12px}strong{font-weight:600}.muted{color:#727b80}.small{font-size:12px;line-height:1.65}.mono,code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.primary,.secondary,.danger{border:1px solid #0000;border-radius:6px;min-height:39px;padding:10px 14px;font-weight:550}.primary{color:#fff;background:#15755f}.primary:hover{background:#0d604e}.secondary{color:#343c3f;background:#fff;border-color:#dce1e2}.secondary:hover{background:#f5f7f6}.danger{color:#b0323c;background:#fff;border-color:#edcbd0}.danger:hover{background:#fff5f5}.wide{width:100%}.icon-button{color:#66716f;background:0 0;border:0;border-radius:4px;flex:0 0 32px;width:32px;height:32px;padding:0}.icon-button:hover{background:#e9eeeb}.text-button{color:#64736d;background:0 0;border:0;padding:7px 0;font-size:13px}.initial{color:#13735c;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dot{background:#238064;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.dot.amber{background:#bd8c21}.dot.red{background:#c75a65}.eyebrow{color:#748079;margin-bottom:8px;font-size:11px;font-weight:600}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:18px;display:flex}.brand svg{color:#188066}.brand span{color:#8a918e;margin-left:10px;font-size:13px;font-weight:400}.app{min-height:100vh;display:flex}.rail{background:#f7f9f8;border-right:1px solid #e4e9e6;flex-direction:column;flex:0 0 224px;width:224px;height:100vh;padding:25px 16px 0;display:flex;position:sticky;top:0}.rail .brand{padding-left:12px}.rail-caption{color:#929b96;margin:45px 12px 12px;font-size:10px;font-weight:600}.nav{color:#68746d;background:0 0;border:0;border-radius:5px;justify-content:flex-start;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font-size:13px}.nav.active{color:#176d56;background:#e7efeb;font-weight:600}.nav:hover{background:#edf1ee}.nav small{margin-left:auto;font-weight:500}.nav .pending-count{color:#8e6315;background:#fff0ce;border-radius:3px;padding:1px 5px}.rail-bottom{margin-top:auto}.tailnet{color:#87928b;align-items:center;gap:8px;padding:18px 10px;font-size:11px;display:flex}.account{border-top:1px solid #e1e7e3;align-items:center;gap:8px;padding:17px 0;display:flex}.account strong{font-size:12px;display:block}.account small{color:#8b948f;margin-top:3px;font-size:10px;display:block}.account .icon-button{flex-basis:26px;width:26px;margin-left:auto}.avatar{color:#66786b;background:#eef2ef;border:1px solid #d8e1db;border-radius:5px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.workspace{flex:1;min-width:0}.topbar{color:#929994;border-bottom:1px solid #edf0ee;align-items:center;gap:12px;height:65px;padding:0 36px;font-size:12px;display:flex}.topbar strong{color:#4e5a54;font-weight:500}.topbar-right{color:#7b8680;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.main{max-width:1500px;margin:0 auto;padding:33px 36px}.page-title{justify-content:space-between;align-items:center;gap:18px;min-width:0;margin-bottom:28px;display:flex}.page-title>div{min-width:0}.page-title h1{overflow-wrap:anywhere}.stats{border-top:1px solid #e7ece9;border-bottom:1px solid #e7ece9;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:27px;padding:24px 0;display:grid}.stats>div{border-right:1px solid #e7ece9;padding-left:24px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats span{color:#818d85;align-items:center;gap:7px;font-size:12px;display:flex}.stats strong{margin-top:10px;font-size:29px;font-weight:550;line-height:1.2;display:block}.stats small{color:#a1aaa4;margin-left:7px;font-size:13px;font-weight:400}.info-line{color:#8a703d;background:#fcf8ec;border-left:2px solid #dbc485;align-items:center;gap:10px;margin-bottom:22px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.info-line svg{flex-shrink:0}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.tabs{background:#f2f5f3;border-radius:5px;gap:3px;padding:3px;display:flex}.tabs button{color:#7d8981;background:0 0;border:0;border-radius:3px;padding:7px 13px;font-size:12px}.tabs button.selected{color:#364c3f;background:#fff;box-shadow:0 1px 3px #1c362315}.search{color:#a0a8a2;border:1px solid #e0e6e2;border-radius:5px;align-items:center;gap:9px;width:245px;max-width:100%;padding:8px 11px;display:flex}.search input{color:#34403a;background:0 0;border:0;flex:1;width:100%;min-width:0;padding:0;font-size:12px}.search input:focus{outline:none}.table-wrap{border-top:1px solid #e2e8e4;overflow-x:auto}.table-wrap table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}th{color:#7a877f;background:#fafbfa;border-bottom:1px solid #e7ece9;padding:13px 12px;font-size:11px;font-weight:500}td{border-bottom:1px solid #edf0ee;padding:17px 12px}th:first-child,td:first-child{padding-left:3px}tr{cursor:pointer}tbody tr:hover{background:#fbfcfb}.device-name{text-align:left;color:#344138;background:0 0;border:0;justify-content:flex-start;gap:12px;padding:0}.device-name strong{font-size:13px}.device-name small{color:#89938c;margin-top:6px;font-size:11px;font-weight:400;display:block}.device-icon{color:#7b8b80;background:#fafcfb;border:1px solid #e1e7e3;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.badge{color:#6b7a70;white-space:nowrap;background:#f0f3f1;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.state-active{color:#28794f;background:#eaf5ef}.state-pending,.state-approved,.state-provisioning{color:#a17d2f;background:#fcf3df}.state-error,.state-revoke_pending{color:#ad4c58;background:#faeaed}.heartbeat{color:#85918a;align-items:center;gap:6px;font-size:12px;display:inline-flex}.heartbeat .dot{background:#b5beb8;flex-basis:5px;width:5px;height:5px}.heartbeat.online{color:#567460}.heartbeat.online .dot{background:#458264}.cell-sub{color:#99a39d;margin-top:6px;font-family:inherit;font-size:10px;display:block}.on{color:#376c4b;font-size:12px}.list-footer{color:#94a096;justify-content:space-between;padding:17px 2px;font-size:11px;display:flex}.observation-note{color:#99a39c;margin-top:35px;font-size:11px;line-height:1.6}.empty{text-align:center;color:#9aa99f;border-bottom:1px solid #edf0ee;flex-direction:column;align-items:center;gap:14px;padding:75px 20px;display:flex}.empty h2{color:#5e7365;font-size:14px;font-weight:500}.empty p{color:#929f96;font-size:12px}.notice{color:#ac4550;background:#fff4f4;align-items:center;gap:10px;margin:18px 36px 0;padding:12px 15px;font-size:13px;line-height:1.65;display:flex}.notice .icon-button{margin-left:auto}.notice svg{flex-shrink:0}.login-page{background:#fafcfb;flex-direction:column;min-height:100vh;display:flex}.login-page>header{border-bottom:1px solid #e5ebe7;padding:28px 38px}.login-content{width:380px;max-width:calc(100% - 40px);margin:auto;padding:70px 0}.login-mark{color:#2b8063;background:#edf5f0;border-radius:8px;place-items:center;width:62px;height:62px;margin-bottom:32px;display:grid}.login-content h1{margin-bottom:12px;font-size:27px}.login-content form{margin-top:37px}.login-content form label{margin-bottom:22px}.login-foot{color:#91a197;align-items:center;gap:8px;margin-top:35px;font-size:11px;display:flex}.login-page footer{color:#9da9a1;border-top:1px solid #e5ebe7;justify-content:space-between;gap:15px;padding:22px 38px;font-size:10px;display:flex}.login-page footer span{font-size:11px}.sent{color:#1d7e5c;align-items:center;gap:12px;padding:16px 0;display:flex}.sent strong{font-size:13px}.sent p{color:#7f9588;margin-top:5px;font-size:11px;line-height:1.6}form label{color:#64766a;margin-bottom:20px;font-size:12px;display:block}form label input:not([type=checkbox]){color:#344a3e;background:#fff;border:1px solid #d9e3dd;border-radius:5px;width:100%;margin-top:9px;padding:11px 12px;display:block}.error{color:#b34750;margin-top:18px;font-size:12px;line-height:1.7}.back{margin-bottom:24px}.detail .page-title{align-items:flex-start}.detail-name{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-name h1{font-size:27px}.location{color:#8b988f;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.actions{flex-shrink:0;gap:8px;display:flex}.warning{color:#8f7c47;background:#fcf8ec;border-left:2px solid #d8c185;align-items:flex-start;gap:12px;margin-bottom:28px;padding:16px 20px;display:flex}.warning svg{flex-shrink:0}.warning strong{font-size:13px}.warning p{margin-top:7px;font-size:12px;line-height:1.8}.detail-section{border-top:1px solid #e6ece8;padding:25px 0 29px}.detail-section h2{color:#445b4b;align-items:center;gap:8px;margin-bottom:22px;font-size:14px;display:flex}.detail-section h2 small{color:#99a69c;margin-left:6px;font-size:10px;font-weight:400}.detail-section dl{grid-template-columns:175px minmax(0,1fr);align-items:center;row-gap:18px;margin:0;font-size:12px;display:grid}.detail-section dt{color:#8a988f}.detail-section dd{color:#485f51;overflow-wrap:anywhere;margin:0;line-height:1.6}.copy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fingerprint{font-size:11px!important}.detail-columns{grid-template-columns:1fr 1fr;gap:35px;display:grid}.detail-columns dl{grid-template-columns:145px minmax(0,1fr)}.detail-section .small{color:#9aaa9d;margin-top:20px}.section-title{justify-content:space-between;align-items:flex-start;display:flex}.section-title .icon-button{margin-top:-8px}.update-grid{grid-template-columns:1fr 30px 1fr 1fr;align-items:center;gap:18px;display:grid}.update-grid span{color:#8d9b92;font-size:11px;display:block}.update-grid strong{color:#3d5a48;margin:10px 0;font-size:19px;font-weight:500;display:block}.update-grid small{color:#96a59b;overflow-wrap:anywhere;font-size:11px}.update-grid svg{color:#bdc8c0}.audit-row{color:#8a9b8f;border-bottom:1px solid #f0f3f1;grid-template-columns:10px 1fr 1fr 140px;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:grid}.audit-point{background:#c2d3c7;border-radius:50%;width:5px;height:5px}.audit-row strong{color:#698272;font-size:12px;font-weight:400}.audit-row time{text-align:right;font-size:10px}.danger-zone{border-top:1px solid #e6ece8;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;display:flex}.danger-zone h2{color:#8a6e70;font-size:13px}.danger-zone p{color:#aaa09f;margin-top:8px;font-size:11px;line-height:1.7}.detail .notice{margin:0 0 22px}.modal-backdrop{z-index:20;background:#14241a55;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:450px;max-width:100%;max-height:calc(100vh - 40px);padding:24px;overflow:auto;box-shadow:0 12px 60px #10261922}.modal-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.modal-head h2{font-size:18px}.modal p{color:#7d8a82;font-size:13px;line-height:1.75}.modal-actions{border-top:1px solid #edf1ee;justify-content:flex-end;gap:8px;margin-top:28px;padding-top:18px;display:flex}.checkbox-label{align-items:center;gap:10px;margin-top:25px;display:flex}.checkbox-label input{accent-color:#1b7c5e;width:16px;height:16px}@media (width>=1600px){.main{padding-top:45px}.rail{flex-basis:240px;width:240px}.stats{padding:30px 0}}@media (width<=1100px){.rail{flex-basis:185px;width:185px;padding-left:11px;padding-right:11px}.rail .brand{font-size:16px}.account small{display:none}.topbar{padding:0 24px}.main{padding:28px 24px}.stats{gap:12px}.stats>div{padding-left:12px}.detail-columns{grid-template-columns:1fr;gap:0}.detail-section dl{grid-template-columns:165px minmax(0,1fr)}}@media (width<=760px){.rail{flex-basis:60px;width:60px;padding:22px 8px 0}.rail .brand{justify-content:center;padding:0}.rail .brand strong,.rail-caption,.nav span,.nav small,.tailnet,.account>div{display:none}.nav{justify-content:center;margin-top:8px;padding:12px 0}.rail .brand{margin-bottom:26px}.account{justify-content:center}.account .icon-button{margin:0}.topbar{gap:8px;height:59px;padding:0 18px;font-size:11px}.topbar-right{font-size:10px}.main{padding:25px 18px}.page-title{gap:10px;margin-bottom:22px}h1{font-size:26px}.page-title .secondary{gap:5px;padding:8px 9px;font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:22px 0}.stats>div{padding-left:0}.stats>div:nth-child(2){border:0}.stats strong{font-size:25px}.stats span{font-size:10px}.list-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.search,.tabs{width:100%}.tabs button{flex:1;padding:7px 8px;font-size:11px}.table-wrap table{min-width:650px}.list-footer{gap:15px;font-size:10px}.notice{margin:15px 18px 0}.detail .page-title{flex-direction:column;gap:18px}.detail-name h1{font-size:23px}.detail-section dl{grid-template-columns:1fr;row-gap:6px}.detail-section dd{margin-bottom:12px}.detail-section dt{font-size:11px}.update-grid{grid-template-columns:1fr 20px 1fr;gap:12px}.update-grid>div:last-child{grid-column:1/-1;margin-top:10px}.update-grid strong{overflow-wrap:anywhere;font-size:17px}.audit-row{grid-template-columns:8px minmax(0,1fr);gap:8px}.audit-row time,.audit-row>span:not(.audit-point){text-align:left;grid-column:2}.warning{padding:14px 12px;font-size:11px}.warning svg{width:17px}.danger-zone{align-items:flex-start}.login-page>header{padding:22px}.login-page>header span{display:none}.login-content{padding:55px 0}.login-content h1{font-size:24px}.login-page footer{flex-direction:column;padding:20px}.modal{padding:20px}.detail .notice{margin:0 0 18px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}button{transition:none}}
