:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171a1f;background:#f7f8fa;font-synthesis:none;letter-spacing:0;--border:#dfe3e8;--muted:#69717d;--blue:#155eef;--teal:#0b8f68;--amber:#b86e00;--red:#c83532}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}aside{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{height:64px;display:flex;gap:10px;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);font-size:18px}.brandmark{display:grid;place-items:center;width:28px;height:32px;border:1px solid #20242a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-size:13px}nav{padding:10px 8px;display:grid;gap:2px}nav a{display:flex;align-items:center;gap:11px;min-height:38px;padding:0 12px;color:#383e47;border-radius:5px;font-size:14px}nav a:hover{background:#f3f5f7}nav a.active{background:#edf3ff;color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.control-state{margin:auto 12px 14px;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:12px}.control-state i{display:inline-block;width:8px;height:8px;background:#20a36a;border-radius:50%;margin-right:7px}.control-state small{color:var(--muted);margin-left:15px}main{min-width:0}header{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:0 28px;position:sticky;top:0;z-index:2}.global-search{width:min(440px,50vw);border:1px solid var(--border);border-radius:6px;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.global-search input{border:0;outline:0;width:100%;background:transparent}.admin-label{margin-left:auto;font-size:13px}.page{padding:24px;max-width:1500px;margin:0 auto}.page.narrow{max-width:960px}.title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.title h1{font-size:21px;line-height:1.25;margin:0 0 4px}.title p{margin:0;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 13px;background:#fff;border:1px solid #cbd1d8;border-radius:5px;color:#20252b;cursor:pointer;font-weight:600;font-size:13px}.button:hover{background:#f5f7fa}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.danger{color:var(--red);border-color:#e8b9b7}.button:disabled{opacity:.5;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));background:#fff;border-block:1px solid var(--border);margin:0 -24px 18px;padding:0 24px}.metric{padding:19px 15px;border-right:1px solid var(--border)}.metric:first-child{border-left:1px solid var(--border)}.metric span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.metric strong{font-size:25px;font-weight:600}.metric.green strong{color:var(--teal)}.metric.amber strong{color:var(--amber)}.metric.red strong{color:var(--red)}.panel,.form-panel,.fingerprint,.timeline,.details{background:#fff;border:1px solid var(--border);border-radius:6px}.panel-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.panel-title h2,.fingerprint h2{font-size:15px;margin:0}.panel-title a{font-size:12px;color:var(--blue)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#58616d;font-weight:600;font-size:11px;background:#fafbfc}th,td{padding:11px 13px;border-bottom:1px solid #e9ecf0;white-space:nowrap}td strong,td small{display:block}td small{color:var(--muted);font-size:11px;margin-top:3px}.mono{font-family:SFMono-Regular,Consolas,monospace}.state{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:11px}.state i{width:7px;height:7px;border-radius:50%;background:#87909c}.state-online{color:var(--teal)}.state-online i{background:var(--teal)}.state-degraded,.state-provisioning,.state-bootstrapping,.state-verifying{color:var(--amber)}.state-degraded i,.state-provisioning i,.state-bootstrapping i,.state-verifying i{background:#e99a15}.state-failed,.state-offline,.state-removed{color:var(--red)}.state-failed i,.state-offline i,.state-removed i{background:#e54e47}.icon-link{display:grid;place-items:center;width:28px;height:28px}.empty{display:flex;min-height:270px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:8px}.empty svg{width:32px;height:32px}.empty strong{color:#252a31}.empty .button{margin-top:8px}.notice{background:#fff4f2;border:1px solid #efc3bf;color:#9d2925;padding:11px 13px;border-radius:5px;margin-bottom:16px;font-size:13px}.loading{padding:48px;text-align:center;color:var(--muted)}fieldset{border:0;margin:0;padding:0}legend{width:100%;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.fields label{display:grid;gap:6px;font-size:12px;font-weight:600}.fields input{height:38px;border:1px solid #cbd1d8;border-radius:5px;padding:0 10px;min-width:0}.fields input:focus{outline:2px solid #aac6ff;border-color:var(--blue)}.fields small{font-weight:400;color:var(--muted)}.form-actions{border-top:1px solid var(--border);padding:14px 18px;display:flex;justify-content:flex-end}.fingerprint{margin-top:16px;padding:18px;display:grid;gap:13px}.fingerprint p{font-size:12px;color:var(--muted);margin:5px 0}.fingerprint code{display:block;background:#f2f4f6;border:1px solid var(--border);padding:12px;border-radius:4px;overflow-wrap:anywhere;font-size:12px}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:17px;height:17px}.fingerprint .button{justify-self:end}.timeline{padding:22px}.event{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:22px}.event>i{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:4px;z-index:1}.event:not(:last-child):after{content:"";position:absolute;left:4px;top:14px;bottom:0;border-left:1px solid var(--border)}.event.error>i{background:var(--red)}.event strong{text-transform:capitalize;font-size:13px}.event p{margin:5px 0;color:#424951;font-size:13px;white-space:pre-wrap}.event time{font-size:11px;color:var(--muted)}.details{display:grid;grid-template-columns:1fr 1fr}.details>div{padding:16px;border-bottom:1px solid var(--border)}.details span,.details strong{display:block}.details span{font-size:11px;color:var(--muted);margin-bottom:6px}.details strong{font-size:13px;overflow-wrap:anywhere}.action-bar{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}@media(max-width:900px){.shell{grid-template-columns:64px 1fr}.brand{padding:0 17px}.brand strong,nav span,.control-state{display:none}nav a{justify-content:center;padding:0}.metrics{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--border)}}@media(max-width:640px){header{padding:0 14px;justify-content:flex-start}.admin-label{display:none}.global-search{width:100%}.page{padding:16px}.metrics{margin:0 -16px 16px;padding:0 16px;grid-template-columns:1fr 1fr}.fields,.details{grid-template-columns:1fr}.title{align-items:flex-start}.title>.state{margin-top:5px}.button{white-space:nowrap}}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(390px,100%);background:#fff;border:1px solid var(--border);border-radius:6px;padding:24px;display:grid;gap:16px}.login .login-brand{height:auto;padding:0;border:0}.login h1{font-size:20px;margin:8px 0}.login>label{display:grid;gap:6px;font-size:12px;font-weight:600}.login>label input{height:40px;border:1px solid #cbd1d8;border-radius:5px;padding:0 10px}.login>.button{width:100%}.credential-resume{margin-top:16px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:6px;display:grid;gap:12px}.credential-resume h2{font-size:15px;margin:0}.credential-resume p{font-size:13px;color:var(--muted);margin:0}.credential-resume label{display:grid;gap:6px;font-size:12px;font-weight:600}.credential-resume input{height:38px;border:1px solid #cbd1d8;border-radius:5px;padding:0 10px}.credential-resume .button{justify-self:end}.header-action{width:34px;height:34px;display:grid;place-items:center;border:0;border-left:1px solid var(--border);background:transparent;margin-left:14px;padding-left:14px;box-sizing:content-box;color:#4b535d;cursor:pointer}@media(max-width:900px){.login .login-brand strong{display:inline}}
