:root{--color-paper:#f7f8f5;--color-ink:#18211d;--color-teal:#087f70;--color-coral:#d65a45;--color-rule:#d9ded8;--color-muted:#52615a;--color-surface:#fff;--color-sidebar:#eef2ed;--color-soft-green:#e5f2ec;--color-amber:#a46216}*,:before,:after{box-sizing:border-box}html{background:var(--color-paper);color:var(--color-ink);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}body{min-height:100vh;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.auth-shell{background-image:linear-gradient(var(--color-rule) 1px, transparent 1px);background-size:100% 40px;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--color-rule);border-top:4px solid var(--color-teal);background:var(--color-paper);width:min(100%,430px);padding:28px}.auth-brand,.auth-links a{color:var(--color-teal);font-weight:700;text-decoration:none}.auth-panel header{margin:36px 0 28px}.auth-kicker{color:var(--color-coral);font-size:12px;font-weight:700}.auth-panel h1{letter-spacing:0;margin:8px 0;font-size:30px}.auth-panel header p:last-child{color:#52615a;margin:0;line-height:1.6}.auth-panel form{gap:18px;display:grid}.auth-panel label{gap:7px;font-size:13px;font-weight:700;display:grid}.auth-panel input{width:100%;min-height:44px;color:var(--color-ink);font:inherit;background:#fff;border:1px solid #aeb8b1;border-radius:2px;padding:10px 12px}.auth-panel button{background:var(--color-ink);color:#fff;cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:2px;font-weight:700}.auth-panel button:disabled{cursor:wait;opacity:.65}.auth-message{border-left:3px solid;margin:0;padding:10px 12px;font-size:13px}.auth-error{border-color:var(--color-coral);background:#fff0ed}.auth-success{border-color:var(--color-teal);background:#e8f5f1}.auth-links{justify-content:space-between;gap:16px;margin-top:24px;font-size:13px;display:flex}@media (max-width:480px){.auth-shell{background:var(--color-paper);align-items:start;padding:0}.auth-panel{border-bottom:0;border-left:0;border-right:0;padding:24px 20px}.auth-links{flex-direction:column;align-items:flex-start}}.api-keys-page{max-width:1200px;margin:0 auto;padding:32px 24px}.page-header{margin-bottom:32px}.page-header h1{letter-spacing:0;margin:0 0 8px;font-size:28px}.page-description{color:var(--color-muted);margin:0;line-height:1.6}.error-banner{border:1px solid var(--color-coral);border-left:4px solid var(--color-coral);color:var(--color-ink);background:#fff0ed;margin-bottom:24px;padding:12px 20px;font-size:14px;line-height:1.6}.create-key-form{border:1px solid var(--color-rule);background:#fff;margin-bottom:24px;padding:20px}.form-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.form-field{gap:6px;display:grid}.form-field label{font-size:13px;font-weight:700}.form-field input{width:100%;min-height:40px;color:var(--color-ink);font:inherit;background:#fff;border:1px solid #aeb8b1;border-radius:2px;padding:8px 12px}.create-button{background:var(--color-ink);color:#fff;cursor:pointer;min-height:40px;font:inherit;white-space:nowrap;border:0;border-radius:2px;padding:0 20px;font-weight:700}.create-button:disabled{cursor:not-allowed;opacity:.5}.api-key-table-container{border:1px solid var(--color-rule);background:#fff;overflow-x:auto}.api-key-table{border-collapse:collapse;width:100%;font-size:14px}.api-key-table th{border-bottom:2px solid var(--color-rule);background:var(--color-paper);text-align:left;padding:12px;font-size:13px;font-weight:700}.api-key-table td{border-bottom:1px solid var(--color-rule);padding:12px}.api-key-table tbody tr:last-child td{border-bottom:0}.key-name{font-weight:700}.key-ending code{background:var(--color-paper);border-radius:2px;padding:2px 6px;font-size:13px}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.status-active{color:var(--color-teal);background:#e8f5f1}.status-revoked{color:#666;background:#f0f0f0}.status-expired{color:var(--color-coral);background:#fff0ed}.actions-cell{text-align:right}.revoke-button{border:1px solid var(--color-coral);min-height:32px;color:var(--color-coral);cursor:pointer;font:inherit;background:#fff;border-radius:2px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.revoke-button:disabled{cursor:not-allowed;opacity:.5}.api-key-empty-state{border:1px solid var(--color-rule);text-align:center;color:#666;background:#fff;padding:48px 24px}.api-key-secret-dialog{border:2px solid var(--color-teal);background:var(--color-paper);border-radius:0;max-width:600px;padding:0}.api-key-secret-dialog::backdrop{background:#18211dcc}@media (prefers-reduced-motion:no-preference){.api-key-secret-dialog[open]{animation:.2s ease-out dialog-fade-in}}@keyframes dialog-fade-in{0%{opacity:0;transform:scale(.95)}}.dialog-header{border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dialog-header h2{letter-spacing:0;margin:0;font-size:20px}.dialog-close-button{color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:8px;line-height:0}.dialog-close-button:hover{background:var(--color-rule)}.dialog-content{padding:24px}.dialog-warning{color:var(--color-coral);margin:0 0 16px;font-size:14px;font-weight:700}.key-disclosure{border:2px solid var(--color-teal);background:#e8f5f1;padding:16px}.key-value{background:var(--color-ink);color:#0f0;word-break:break-all;-webkit-user-select:all;user-select:all;padding:12px;font-size:13px;display:block}.copy-error{border-left:3px solid var(--color-coral);color:var(--color-ink);background:#fff0ed;margin:12px 0 0;padding:8px 12px;font-size:13px}.dialog-footer{border-top:1px solid var(--color-rule);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.copy-button{background:var(--color-teal);color:#fff;cursor:pointer;min-height:40px;font:inherit;border:0;border-radius:2px;align-items:center;gap:8px;padding:0 20px;font-weight:700;display:inline-flex}.close-button{border:1px solid var(--color-rule);min-height:40px;color:var(--color-ink);cursor:pointer;font:inherit;background:#fff;border-radius:2px;padding:0 20px;font-weight:700}@media (max-width:768px){.form-row{grid-template-columns:1fr}.api-key-secret-dialog{max-width:calc(100vw - 32px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.console-shell{background:var(--color-surface);grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.user-sidebar{border-right:1px solid var(--color-rule);background:var(--color-sidebar);flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.console-brand{color:var(--color-ink);align-items:center;gap:11px;padding:0 8px 24px;text-decoration:none;display:flex}.console-brand-mark{background:var(--color-ink);color:#fff;border-radius:4px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.console-brand strong,.console-brand small{display:block}.console-brand strong{font-size:14px}.console-brand small{color:var(--color-muted);margin-top:2px;font-size:10px}.admin-sidebar .console-brand-mark{color:var(--color-teal);background:#dff0e7}.user-navigation{gap:3px;display:grid}.user-navigation-link{min-height:39px;color:var(--color-muted);border-radius:5px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.user-navigation-link:hover,.user-navigation-link[data-active=true]{color:var(--color-ink);background:#dfe8e1}.user-navigation-link[data-active=true]{box-shadow:inset 3px 0 var(--color-teal)}.console-workspace{min-width:0}.console-topbar{z-index:10;border-bottom:1px solid var(--color-rule);background:#fffffff5;justify-content:flex-end;align-items:center;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.environment-label{color:var(--color-muted);text-transform:uppercase;align-items:center;gap:8px;margin-right:auto;font-size:11px;font-weight:700;display:flex}.environment-label i{background:var(--color-teal);width:7px;height:7px;box-shadow:0 0 0 3px var(--color-soft-green);border-radius:50%}.profile-menu{position:relative}.profile-menu summary{cursor:pointer;align-items:center;gap:9px;list-style:none;display:flex}.profile-menu summary::-webkit-details-marker{display:none}.profile-avatar{background:var(--color-soft-green);width:30px;height:30px;color:var(--color-teal);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.profile-email{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;font-weight:650;overflow:hidden}.profile-menu-popover{border:1px solid var(--color-rule);background:#fff;border-radius:6px;width:224px;padding:6px;display:grid;position:absolute;top:40px;right:0;box-shadow:0 14px 36px #18211d24}.profile-menu-popover a,.profile-menu-popover button{width:100%;min-height:36px;color:var(--color-ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:9px;padding:0 9px;font-size:12px;text-decoration:none;display:flex}.profile-menu-popover a:hover,.profile-menu-popover button:hover{background:var(--color-paper)}.mobile-navigation{display:none}.console-content{padding:34px clamp(22px,4vw,56px) 64px}.page-frame{width:min(100%,1120px);margin:0 auto}.page-heading{margin-bottom:30px}.section-kicker{color:var(--color-teal);text-transform:uppercase;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:0;margin:7px 0 5px;font-size:clamp(26px,3vw,34px)}.page-heading p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}.page-heading-split{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.operations-stack{gap:22px;display:grid}.status-strip{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.status-strip>div{border-right:1px solid var(--color-rule);grid-template-rows:auto auto;grid-template-columns:24px 1fr;min-height:96px;padding:18px 20px;display:grid}.status-strip>div:last-child{border-right:0}.status-strip svg{width:18px;color:var(--color-teal);grid-row:1/3}.status-strip span{color:var(--color-muted);text-transform:uppercase;font-size:10px}.status-strip strong{margin-top:5px;font-size:15px}.endpoint-band,.device-flow-panel{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:6px;align-items:center;gap:18px;padding:18px 20px;display:flex}.endpoint-band h2,.device-flow-panel h2{margin:4px 0 0;font-size:14px}.endpoint-band code{min-width:0;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12px;overflow:hidden}.icon-button{border:1px solid var(--color-rule);width:34px;height:34px;color:var(--color-ink);cursor:pointer;background:#fff;border-radius:4px;place-items:center;display:grid}.inline-notice,.inline-error{color:var(--color-amber);align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.quota-summary{gap:10px;margin-bottom:22px;display:grid}.quota-summary>div:first-child{justify-content:space-between;display:flex}.quota-summary span,.quota-summary small{color:var(--color-muted);font-size:11px}.quota-summary strong{font-size:12px}.quota-track{background:#e8ece8;border-radius:2px;height:7px;overflow:hidden}.quota-track span{background:var(--color-teal);height:100%;display:block}.usage-chart-frame{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);background-image:linear-gradient(var(--color-rule) 1px, transparent 1px);background-size:100% 25%;height:280px}.usage-bars{align-items:end;gap:clamp(6px,2vw,18px);height:100%;padding:24px 12px 0;display:flex}.usage-bar-column{text-align:center;flex:1;grid-template-rows:1fr 28px;align-items:end;min-width:12px;height:100%;display:grid}.usage-bar{background:var(--color-teal);border-radius:2px 2px 0 0;width:min(100%,38px);min-height:3px;margin:0 auto;display:block}.usage-bar-column small{color:var(--color-muted);padding-top:8px;font-size:9px}.data-state{color:var(--color-muted);text-align:center;place-content:center;gap:8px;font-size:12px;display:grid}.data-state strong{color:var(--color-ink);font-size:14px}.data-state-error{color:var(--color-coral)}.metric-ledger{border-top:1px solid var(--color-rule);grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.metric-ledger div{border-right:1px solid var(--color-rule);gap:9px;padding:18px;display:grid}.metric-ledger div:last-child{border-right:0}.metric-ledger span{color:var(--color-muted);text-transform:uppercase;font-size:10px}.metric-ledger strong{font-size:18px}.routing-rail{color:var(--color-muted);grid-template-columns:auto auto minmax(36px,1fr) auto;align-items:center;gap:12px;font-size:11px;display:grid}.routing-rail svg{color:var(--color-teal)}.routing-rail>span{background:repeating-linear-gradient(90deg, var(--color-teal) 0 6px, transparent 6px 10px);height:1px}.accounts-table-wrap{border:1px solid var(--color-rule);border-radius:6px;overflow:hidden}.accounts-table{border-collapse:collapse;width:100%;font-size:12px}.accounts-table th,.accounts-table td{border-bottom:1px solid var(--color-rule);text-align:left;padding:14px 16px}.accounts-table th{background:var(--color-paper);color:var(--color-muted);text-transform:uppercase;font-size:10px}.accounts-table tr:last-child td{border-bottom:0}.accounts-table td strong,.accounts-table td small{display:block}.accounts-table td small{color:var(--color-muted);margin-top:4px}.account-actions{justify-content:flex-end;gap:6px;display:flex}.account-actions button,.inline-error button{border:1px solid var(--color-rule);min-height:30px;color:var(--color-ink);cursor:pointer;font:inherit;background:#fff;border-radius:3px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.account-actions .danger-action{color:var(--color-coral);border-color:#e1b6ad}.admin-filters,.admin-policy-form{border:1px solid var(--color-rule);background:#fff;border-radius:6px;gap:14px;margin-bottom:22px;padding:18px 20px;display:grid}.admin-filters{grid-template-columns:minmax(0,1fr) 180px auto;align-items:end}.admin-filters label,.admin-policy-form label{gap:6px;font-size:12px;font-weight:700;display:grid}.admin-filters input,.admin-filters select,.admin-policy-form input,.admin-policy-form select{min-height:38px;color:var(--color-ink);font:inherit;background:#fff;border:1px solid #aeb8b1;border-radius:3px;padding:8px 10px}.checkbox-row{align-items:center;gap:10px;display:flex!important}.checkbox-row input{min-height:auto}.danger-button,.table-link,.admin-pagination a,.support-note{border:1px solid var(--color-rule);min-height:32px;color:var(--color-ink);font:inherit;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.admin-pagination{color:var(--color-muted);grid-template-columns:1fr auto 1fr;align-items:center;margin-top:14px;font-size:12px;display:grid}.admin-pagination>:last-child{justify-self:end}.admin-pagination [aria-disabled=true]{opacity:.45}.danger-button{color:var(--color-coral);border-color:#e1b6ad}.support-note{color:var(--color-muted)}.admin-label{color:var(--color-teal)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inline-error button{min-height:26px;color:inherit;border-color:currentColor}.health-state{align-items:center;gap:6px;display:inline-flex}.health-state:before{background:var(--color-muted);content:"";border-radius:50%;width:7px;height:7px}.health-healthy:before{background:var(--color-teal)}.health-unhealthy:before{background:var(--color-coral)}.accounts-empty{border:1px dashed #b9c3bb;border-radius:6px;min-height:220px}.device-flow-panel{justify-content:space-between;width:min(100%,560px)}.primary-action,.device-flow-status a{background:var(--color-ink);color:#fff;cursor:pointer;min-height:36px;font:inherit;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.primary-action svg{width:16px}.device-flow-status{align-items:center;gap:10px;min-width:0;display:flex}.device-flow-status>div{gap:3px;display:grid}.device-flow-status strong,.device-flow-status span{font-size:11px}.device-flow-status span{color:var(--color-muted)}.device-flow-status code{background:#fff;padding:4px 7px;font-size:13px;font-weight:800}.device-flow-status a{background:var(--color-teal);margin-left:8px}.spin{animation:.8s linear infinite console-spin}@keyframes console-spin{to{transform:rotate(360deg)}}.account-details{border-top:1px solid var(--color-rule);margin:0}.account-details>div{border-bottom:1px solid var(--color-rule);grid-template-columns:180px minmax(0,1fr);padding:18px 4px;display:grid}.account-details dt{color:var(--color-muted);font-size:11px}.account-details dd{margin:0;font-size:13px;font-weight:700}@media (max-width:820px){.console-shell{display:block}.console-shell>.user-sidebar{display:none}.console-topbar{padding:0 18px}.mobile-navigation{margin-right:14px;display:block}.mobile-navigation>summary{border:1px solid var(--color-rule);cursor:pointer;border-radius:4px;place-items:center;width:34px;height:34px;list-style:none;display:grid}.mobile-navigation>.user-sidebar{z-index:20;width:min(280px,86vw);height:calc(100vh - 58px);position:fixed;top:58px;left:0;box-shadow:16px 0 40px #18211d2e}.page-heading-split{display:grid}.device-flow-panel{width:100%}}@media (max-width:640px){.console-content{padding:26px 16px 48px}.profile-email{display:none}.status-strip,.metric-ledger{grid-template-columns:1fr}.status-strip>div,.metric-ledger div{border-right:0;border-bottom:1px solid var(--color-rule);min-height:76px}.status-strip>div:last-child,.metric-ledger div:last-child{border-bottom:0}.endpoint-band,.device-flow-panel,.device-flow-status{flex-direction:column;align-items:flex-start}.endpoint-band code{width:100%;margin-left:0}.usage-chart-frame{height:230px}.accounts-table,.accounts-table tbody,.accounts-table tr,.accounts-table td{display:block}.accounts-table thead{display:none}.accounts-table tr{border-bottom:1px solid var(--color-rule);padding:8px 14px}.accounts-table td{border:0;grid-template-columns:110px 1fr;padding:8px 0;display:grid}.accounts-table td:before{color:var(--color-muted);content:attr(data-label);text-transform:uppercase;font-size:10px}.account-actions{justify-content:flex-start}.routing-rail{grid-template-columns:auto 1fr}.routing-rail>span{display:none}.routing-rail strong:last-child{grid-column:2}.account-details>div{grid-template-columns:1fr;gap:7px}.admin-filters{grid-template-columns:1fr}}