:root{--bg: #f6f7f9;--surface: #ffffff;--border: #dce0e6;--border-strong: #c2c8d1;--text: #1b1f24;--text-muted: #616a75;--accent: #2b5cd9;--ok: #1f7a4d;--ok-bg: #e6f4ec;--warn: #8a5300;--warn-bg: #fdf1dc;--bad: #a32020;--bad-bg: #fbe9e9;--unmanaged: #6b3fa0;--unmanaged-bg: #f2ecfa;--radius: 6px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1500px;margin:0 auto;padding:24px 24px 64px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}h1{margin:0;font-size:20px;letter-spacing:-.01em}.tagline{margin:4px 0 0;color:var(--text-muted);font-size:13px}h2{margin:0;font-size:16px}h3{margin:0 0 6px;font-size:15px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button{padding:7px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:13px;line-height:1.45;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.6;cursor:default}button.primary{border-color:var(--accent);background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#244eb8;border-color:#244eb8;color:#fff}button.danger{color:var(--bad)}button.danger:hover:not(:disabled){border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}button.signout{padding:7px 14px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer}button.signout:hover{border-color:var(--border-strong);color:var(--text)}.signin{max-width:46ch;margin:12vh auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:center}.signin p{margin:10px 0 20px}.statusbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0 24px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.tile-warning{border-color:#e6c893;background:var(--warn-bg)}.tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.tile-value{margin-top:4px;font-size:20px;font-variant-numeric:tabular-nums}.tile-note{margin-top:2px;font-size:12px;color:var(--text-muted);min-height:17px}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.provenance{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:12px}.provenance-stale{border-color:#e6c893;background:var(--warn-bg)}.provenance-main{font-weight:600}.provenance-meta{color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot-live{background:var(--ok)}.dot-cache{background:var(--warn)}.callout{margin:0 0 12px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);font-size:13px}.callout-unmanaged{border-color:#cdb6e8;background:var(--unmanaged-bg);color:#4a2a72}.callout-blocked{border-color:#edb9b9;background:var(--bad-bg);color:#7d1919}.callout-warning{border-color:#e8cf9a;background:var(--warn-bg);color:var(--warn)}.callout-critical{border-color:#edb9b9;background:var(--bad-bg);color:#7d1919}.callout-critical p{margin:4px 0 0}.form-group{margin:0 0 12px}.form-group>label{display:block;margin-bottom:4px;font-size:13px;font-weight:500}.form-group>label:has(input[type=checkbox]){display:flex;align-items:center;gap:6px;font-weight:400}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{padding:6px 8px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:13px}.form-group input[type=text]{width:100%;max-width:340px}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-note{margin:4px 0 0;color:var(--text-muted);font-size:12px}.form-note.warn{color:var(--warn)}.form-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.form-actions{display:flex;gap:8px;margin-top:16px}.create-key-form{margin:16px 0 24px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.create-key-form h3{margin:0 0 14px;font-size:15px}.required{color:var(--bad)}.form-error{margin-top:12px;padding:8px 10px;border:1px solid #edb9b9;border-radius:var(--radius);background:var(--bad-bg);color:#7d1919;font-size:13px}.key-actions,.key-action-form{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:116px}.key-actions button,.key-action-form button{width:100%;padding:5px 10px;font-size:12px;text-align:center}.key-action-form input{width:100%;padding:5px 8px;border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;font-size:12px}.action-error{color:var(--bad);font-size:12px}.action-note{margin:2px 0 0;color:var(--text-muted);font-size:11px}.action-note.warn{color:var(--warn)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#1b1f248c}.modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:20px;border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 40px #00000040}.modal h2{margin:0 0 12px;font-size:17px}.plaintext-modal{max-width:640px}.readonly{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-muted);word-break:break-all}.plaintext-box{display:flex;align-items:center;gap:8px}.plaintext-value{flex:1;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;-webkit-user-select:all;user-select:all;word-break:break-all}.copy-button{flex-shrink:0}.copy-success{border-color:var(--ok);color:var(--ok)}.copy-failed{border-color:var(--bad);color:var(--bad)}.muted{color:var(--text-muted)}.small{font-size:12px}table.keys{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.keys th{text-align:left;vertical-align:bottom;padding:10px 12px;background:#f0f2f5;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;white-space:nowrap}.th-note{display:block;font-weight:400;font-size:11px;color:var(--text-muted);text-transform:none}table.keys td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}table.keys tbody tr:last-child td{border-bottom:none}tr.row-blocked{background:#fdf7f7}tr.row-unmanaged{background:#faf7fe;box-shadow:inset 3px 0 0 var(--unmanaged)}tr.row-warning{background:var(--warn-bg);box-shadow:inset 3px 0 0 var(--warn)}.key-name{font-weight:600}.key-label{margin-top:3px;font-size:12px}.unmanaged-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.numeric{font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:#b6ddc7}.badge-warning{background:var(--warn-bg);color:var(--warn);border-color:#e6c893}.badge-blocked{background:var(--bad-bg);color:var(--bad);border-color:#edb9b9}.badge-unmanaged{background:var(--unmanaged-bg);color:var(--unmanaged);border-color:#cdb6e8}.badge-pending{background:#f0f4ff;color:var(--accent);border-color:#c2d6f5}.badge-muted{background:var(--bg);color:var(--text-muted);border-color:var(--border)}ul.issues{margin:6px 0 0;padding:0;list-style:none;max-width:300px}.issue{font-size:12px;color:var(--text-muted);padding-left:8px;border-left:2px solid var(--border-strong);margin-top:4px}.issue-blocked{border-left-color:var(--bad);color:#7d1919}.issue-warning{border-left-color:var(--warn);color:#6d4200}.limit{min-width:160px}.limit-figures{display:flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums}.limit-cap{font-weight:600}.limit-remaining{font-size:12px;color:var(--text-muted)}.limit-remaining.exhausted{color:var(--bad);font-weight:600}.meter{margin-top:5px;height:6px;background:#e8eaee;border-radius:3px;overflow:hidden}.meter-fill{height:100%;background:var(--accent)}.meter-fill.meter-high{background:#c47f0a}.meter-fill.meter-full{background:var(--bad)}.limit-note{display:block;margin-top:4px;font-size:11px}.limit-note.warn{color:var(--bad);font-weight:600}dl.spend{display:flex;gap:14px;margin:0}dl.spend div{display:flex;flex-direction:column}dl.spend dt{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}dl.spend dd{margin:1px 0 0;font-variant-numeric:tabular-nums}.spend-byok dd{color:var(--unmanaged)}.footnote{margin-top:14px;font-size:12px;color:var(--text-muted);max-width:90ch}.expiry{font-variant-numeric:tabular-nums;white-space:nowrap}.expiry.soon{color:var(--warn);font-weight:600}.expiry.expired{color:var(--bad);font-weight:600}.loading,.empty,.error{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.empty{text-align:center}.empty p{margin:0 auto 8px;max-width:60ch;color:var(--text-muted)}.skeleton-table{margin-top:14px;display:flex;flex-direction:column;gap:8px}.skeleton-row{height:34px;border-radius:4px;background:linear-gradient(90deg,#eef0f3,#e3e6eb,#eef0f3);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error{border-color:#edb9b9;background:snow}.error h2{color:var(--bad)}.error-detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--bad-bg);border-radius:4px;padding:8px 10px;overflow-wrap:anywhere}.error p,.loading p{max-width:80ch}.admin-panel{margin-bottom:24px}.admin-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.admin-tab{padding:7px 14px;border:1px solid var(--border-strong);border-bottom:2px solid var(--border-strong);border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.admin-tab:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.admin-tab:disabled{opacity:.6;cursor:default}.admin-tab-active{border-color:var(--accent);border-bottom-color:var(--surface);background:var(--surface);color:var(--accent);font-weight:600}.admin-refresh{padding:7px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}@media(prefers-reduced-motion:reduce){.skeleton-row{animation:none}}