:root{font-family:Arial,sans-serif;color:#1b292b;background:#f7f9f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:0 0 232px;background:#102a2a;color:#d6e5df;padding:30px 17px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;color:#fff;font:700 21px Space Grotesk,sans-serif;letter-spacing:-.7px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#c8f3a6;color:#17382e;font-size:21px}.side-label{margin:62px 13px 16px;font-size:10px;letter-spacing:1.5px;color:#809f98;font-weight:700}.nav-item{border-radius:8px;padding:12px 14px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:12px}.nav-item.active{color:#e9fff0;background:#21433d}.nav-dot,.local-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#b4ee8b;box-shadow:0 0 0 3px #b4ee8b22}.sidebar-bottom{margin-top:auto;border-top:1px solid #36504b;padding:21px 12px 0;color:#9ab5aa;font-size:12px;display:flex;align-items:center;gap:10px}.main{min-width:0;flex:1}.topbar{height:70px;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebe7;background:#fff;font-size:13px;font-weight:700}.topbar-right{font-size:12px;color:#889a94;font-weight:500}.separator{color:#cbd7d1;padding:0 8px}.content{max-width:1210px;padding:51px 52px 30px;margin:0 auto}.eyebrow,.stat-label,.step,.token-kicker,label,th{color:#719084;font-size:10px;letter-spacing:1.5px;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:9px 0 34px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{font-size:35px;letter-spacing:-1.7px;line-height:1.2}.page-heading p{margin-top:9px;color:#7b8b85;font-size:14px}.scope-pill{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #dce9de;border-radius:30px;background:#eef7ed;color:#477257;font-size:11px;font-weight:700}.scope-pill .local-dot{background:#6fc26b;box-shadow:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.panel{background:#fff;border:1px solid #e3eae6;border-radius:12px;box-shadow:0 3px 13px #16392a08}.stat{padding:23px 24px 21px;display:flex;flex-direction:column;gap:8px}.stat strong{font:600 32px Space Grotesk,sans-serif;line-height:1;letter-spacing:-1px}.stat>span:last-child{color:#8fa09a;font-size:11px}.panel{margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 28px 23px}h2{font-size:17px;letter-spacing:-.35px}.panel-header p{color:#87958f;font-size:12px;margin-top:6px}.step{padding-top:5px}.create-form{padding:0 28px 28px}label{display:block;margin-bottom:10px;color:#59756a}.input-row{display:flex;gap:11px}input,select{height:43px;min-width:0;flex:1;border:1px solid #dce6df;border-radius:7px;padding:0 14px;color:#18342a;outline:none;font-size:13px}input:focus{border-color:#539474;box-shadow:0 0 0 3px #53947420}select:focus{border-color:#539474;box-shadow:0 0 0 3px #53947420}input::placeholder{color:#a9b6af}.primary{background:#174d3b;border:1px solid #174d3b;color:#fff;border-radius:7px;padding:0 19px;height:43px;font-size:12px;font-weight:700;white-space:nowrap}.primary:hover:not(:disabled){background:#20684e}.primary span{margin-left:15px;font-size:16px;font-weight:400}.add-device{min-width:135px}.token-panel{display:flex;gap:16px;border:1px solid #a8d8b0;background:#f0faef;border-radius:12px;padding:23px 26px;margin-bottom:24px}.token-icon{background:#d6f0d6;color:#266a3f;border-radius:10px;flex:0 0 34px;height:34px;display:grid;place-items:center;font-size:22px}.token-body{min-width:0;flex:1}.token-header{display:flex;justify-content:space-between;align-items:flex-start}.token-kicker{color:#4e8a5a}.token-header h2{margin-top:5px}.token-body>p{font-size:12px;color:#64806b;margin:10px 0 15px}.token-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.token-value{display:flex;gap:8px}.token-value code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;background:#fff;border:1px solid #cce5d0;border-radius:6px;padding:12px 13px;font-size:12px}.token-value button{border:1px solid #74ad82;background:#fff;color:#2d7345;border-radius:6px;padding:0 13px;font-size:12px;font-weight:700}.token-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:12px;color:#779280;font-size:11px}.token-meta strong{color:#355a3d}.text-button{background:none;border:0;color:#5e8b68;font-size:12px}.count{background:#f1f5f2;padding:6px 10px;border-radius:20px;color:#71867b;font-size:11px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafcfa;border-top:1px solid #edf1ed;border-bottom:1px solid #edf1ed;padding:14px 28px;white-space:nowrap}td{border-bottom:1px solid #eff2ef;padding:17px 28px;font-size:12px;white-space:nowrap}tr:last-child td{border-bottom:0}.device-name{font-weight:700;display:flex;align-items:center;gap:10px}.device-name>div,.deployment{display:flex;flex-direction:column;gap:4px}.deployment strong{color:#2d4038;font-size:12px}.deployment span,.cert-detail{color:#8a9a92;font-size:10px}.device-avatar{background:#e8f2e8;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#4b7a55;font-family:Space Grotesk,sans-serif}.device-id{color:#778b7f;font-size:11px}.cert-detail{display:block;margin-top:6px}.status{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:6px 9px;background:#fff5e7;color:#a77a37;font-size:11px;font-weight:700}.status span{width:6px;height:6px;border-radius:50%;background:#d49b48}.status.enrolled,.status.online{background:#eaf7ed;color:#3b8754}.status.online span{background:#54b36f}.status.offline{background:#f1f3f2;color:#74837b}.status.offline span{background:#899790}.status.disabled{background:#f1f3f2;color:#596861}.status.disabled span{background:#6d7b74}.status.compact{padding:5px 8px}.status.enrolled span{background:#54b36f}.status.revoked{background:#f9eceb;color:#b35c54}.status.revoked span{background:#cf756b}.actions{text-align:right}.actions button{border:0;background:transparent;color:#397859;font-size:11px;font-weight:700;padding:5px 0 5px 16px}.actions button.danger{color:#b65d59}.muted{color:#aab8b0}.empty{padding:42px 20px 51px;text-align:center;border-top:1px solid #edf1ed}.empty-icon{font-size:30px;color:#97b8a3;margin-bottom:9px}.empty h3{font-size:15px}.empty p{font-size:12px;color:#91a198;margin-top:6px}.alert{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin-bottom:18px;border-radius:7px;font-size:12px}.alert.error{background:#fff0ee;color:#9d4942}.alert.success{background:#eaf7ed;color:#35784a}.alert button{border:0;background:transparent;color:inherit;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0b211dcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid #dbe6df;border-radius:14px;box-shadow:0 24px 80px #06130f55;padding:30px}.modal-header{display:flex;justify-content:space-between;gap:24px;margin-bottom:26px}.modal-header h2{margin-top:7px;font-size:23px}.modal-header p,.confirm-modal p{margin-top:7px;color:#75867e;font-size:13px;line-height:1.55}.modal-close{width:34px;height:34px;flex:0 0 34px;border:1px solid #dce6df;border-radius:8px;background:#f8faf9;color:#61746b;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.field.full{grid-column:1 / -1}.field input,.field select{width:100%}.field small{display:block;margin-top:6px;color:#8c9993;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #edf1ee}.secondary,.destructive{height:43px;padding:0 18px;border-radius:7px;font-size:12px;font-weight:700}.secondary{border:1px solid #d7e1db;background:#fff;color:#53665d}.destructive{border:1px solid #a94540;background:#a94540;color:#fff}.confirm-modal{width:min(450px,100%);text-align:center}.confirm-modal .modal-actions{justify-content:center}.warning-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#faeae8;color:#a94540;font-size:22px;font-weight:700}footer{color:#a4b1a8;font-size:10px;text-align:center;margin-top:35px}footer span{margin:0 7px}@media(max-width:950px){.sidebar{width:70px;flex-basis:70px}.brand{padding:0;justify-content:center}.brand>span:last-child,.side-label,.nav-item,.sidebar-bottom{display:none}.content{padding:36px 25px}.topbar{padding:0 25px}}@media(max-width:650px){.sidebar,.topbar-right,.scope-pill,.step{display:none}.content{padding:30px 16px}.stats{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:25px}.stat-label{font-size:8px}.stat>span:last-child{display:none}.input-row{flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal{padding:22px}.primary{width:100%}.panel-header,.create-form{padding-left:17px;padding-right:17px}}.auth-bar{display:flex;gap:12px;align-items:center;padding:16px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #ddd}.login-card{max-width:520px;margin:8vh auto;padding:32px;background:#fff;border-radius:12px}.login-card details{margin:24px 0}.login-card form,.security-section form{display:grid;gap:12px;margin:16px 0}.login-card input,.security-section input,.security-section select{display:block;width:100%;padding:10px;margin-top:6px}.security-page{max-width:1100px;margin:32px auto;padding:0 20px}.security-section{padding:24px;margin:20px 0;overflow-wrap:anywhere}.security-section li{margin:12px 0}.security-section button{margin:4px 8px}.security-section pre{overflow-x:auto;padding:12px;background:#eef2f6}