:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b2430;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--border: #dce3ea;--muted: #647184;--surface: #ffffff;--surface-2: #eef2f6;--accent: #0f766e;--accent-strong: #115e59;--danger: #b42318;--focus: #2563eb;--shadow: 0 16px 40px rgb(27 36 48 / .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:22px 18px;background:#17212f;color:#f8fafc}.brand{display:flex;align-items:center;gap:10px;min-height:40px}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#0f766e;font-weight:800}.brand-text{font-weight:700}.nav-list{display:grid;gap:6px}.nav-list a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:#dbe5ee;text-decoration:none}.nav-list a:hover,.nav-list a.active{background:#243246;color:#fff}.content-column{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:14px 28px;border-bottom:1px solid var(--border);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar>div{display:grid;gap:3px}.eyebrow{color:var(--muted);font-size:.79rem}.page-content{width:min(1180px,100%);padding:30px 28px 46px}.page-section{display:grid;gap:22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.page-heading h1,.auth-panel h1,.state-panel h1{margin:0;font-size:1.7rem;line-height:1.15}.page-heading p,.auth-panel p,.state-panel p,.details-panel p,.info-band p,.list-item p{margin:6px 0 0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.details-panel,.state-panel,.info-band,.list-item,.empty-state,.auth-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric{display:grid;gap:8px;min-height:156px;padding:18px}.metric svg{color:var(--accent)}.metric span,.metric small,.request-id{color:var(--muted)}.metric strong{font-size:1.35rem}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.details-panel{padding:20px}.details-panel h2{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1.05rem}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px}.panel-title-row h2{margin:0}.panel-title-row>span{color:var(--muted);font-size:.88rem;text-align:right}.details-panel dl{display:grid;gap:12px;margin:0}.details-panel dl>div{display:flex;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--surface-2)}.details-panel dt{color:var(--muted)}.details-panel dd{margin:0;text-align:right;font-weight:650}.info-band{padding:18px 20px}.action-band{display:flex;align-items:center;justify-content:space-between;gap:16px}.info-band h2{margin:0;font-size:1.1rem}.icon-button,.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#1b2430;text-decoration:none;cursor:pointer}.icon-button:hover,.contact-link:hover{border-color:#b8c4d1}.icon-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.icon-button.primary:hover{background:var(--accent-strong)}.icon-button.danger{color:var(--danger)}.icon-button:disabled{opacity:.55;cursor:not-allowed}.text-button{min-width:98px}.loading-state{display:flex;align-items:center;gap:10px;min-height:58px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-panel{display:flex;align-items:flex-start;gap:14px;padding:18px}.state-panel h2{margin:0;font-size:1rem}.state-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:8px;background:#e6f5f2;color:var(--accent)}.request-id{display:inline-block;margin-top:9px;font-size:.8rem}.item-list{display:grid;gap:12px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.list-item h2{margin:0;font-size:1.02rem}.item-leading{display:flex;align-items:center;gap:12px;min-width:0}.item-leading svg{color:var(--accent);flex:0 0 auto}.location-strip{display:flex;flex-wrap:wrap;gap:8px}.location-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:#fff}.empty-state{display:flex;align-items:center;gap:10px;min-height:74px;padding:18px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px}.field{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:.88rem}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:#1b2430}.field input,.field select{height:40px;padding:0 11px}.field textarea{resize:vertical;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.45}.compact-field{min-width:190px}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.device-item{display:grid;align-items:start}.device-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.8fr) auto;gap:10px;align-items:end;width:100%}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef2f6;color:#425167}.status-badge.active{background:#e6f5f2;color:var(--accent-strong)}.status-badge.revoked{background:#fff1f0;color:var(--danger)}.device-item p{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.config-panel{display:grid;gap:12px;width:100%;padding-top:14px;border-top:1px solid var(--surface-2)}.config-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.config-heading h3{margin:0;font-size:1rem}.config-heading p,.inline-notice,.contact-placeholder{margin:4px 0 0;color:var(--muted)}.inline-notice{width:100%}.success-panel{border-color:#b9e4d9;background:#f0fbf8}.compact-table{display:grid;gap:2px}.table-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(88px,.7fr) minmax(100px,.8fr);gap:10px;align-items:center;min-height:38px;padding:7px 0;border-bottom:1px solid var(--surface-2)}.table-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);gap:16px;align-items:start}.admin-user-list .table-row,.admin-user-list button.table-row{width:100%;border:0;border-bottom:1px solid var(--surface-2);background:transparent;color:inherit;text-align:left;cursor:pointer}.admin-user-list .table-row:hover,.admin-user-list .table-row.selected{background:#eef7f5}.admin-detail{display:grid;gap:16px}.admin-summary{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--surface-2)}.admin-summary>div{display:grid;gap:4px;min-width:0}.admin-summary span{min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-actions{display:grid;gap:10px}.action-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--surface-2);border-radius:8px;background:#fbfcfd}.action-form p{margin:4px 0 0;color:var(--muted)}.action-form input{min-width:0;height:40px;padding:0 11px;border:1px solid var(--border);border-radius:8px}.support-contact-panel{display:grid;gap:10px;margin:14px 0}.support-contact-panel h3{margin:0;font-size:.98rem}.support-contact-form{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.2fr) minmax(100px,.6fr) minmax(88px,.4fr);gap:10px;align-items:center}.support-contact-form input,.support-contact-form select{min-width:0;min-height:40px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#fff}.nested-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nested-grid h3{margin:0 0 10px;font-size:.98rem}.admin-table-row{grid-template-columns:minmax(0,1.1fr) minmax(90px,.7fr) minmax(130px,.9fr)}.admin-node-row{grid-template-columns:minmax(0,1.1fr) minmax(90px,.6fr) minmax(130px,.8fr) minmax(132px,.7fr)}.admin-payment-row{grid-template-columns:minmax(0,1.4fr) minmax(86px,.5fr) minmax(90px,.5fr) minmax(110px,.6fr)}.admin-device-row{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) minmax(96px,.7fr)}.support-contact-row{grid-template-columns:minmax(82px,.5fr) minmax(0,1.2fr) minmax(90px,.5fr) minmax(100px,.6fr)}.search-box{display:flex;align-items:center;gap:10px}.search-input-wrap{display:flex;align-items:center;gap:8px;width:min(380px,100%);min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.search-input-wrap input{width:100%;border:0;outline:0;min-width:0}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f7f9}.auth-panel{width:min(480px,100%);padding:24px}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.details-grid,.admin-layout,.nested-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.action-band,.config-heading{align-items:flex-start;flex-direction:column}.form-grid,.device-controls,.action-form,.support-contact-form{grid-template-columns:1fr}}@media(max-width:640px){.topbar{padding:12px 16px}.page-content{padding:22px 16px 34px}.nav-list{grid-template-columns:1fr 1fr}.list-item,.details-panel dl>div,.state-panel{flex-direction:column;align-items:flex-start}.details-panel dd{text-align:left}.table-row,.admin-table-row,.admin-node-row,.admin-payment-row,.admin-device-row,.support-contact-row{grid-template-columns:1fr}}