:root{color:#172033;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;background:#f6f7f9}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid #d8dde7;border-radius:7px;padding:0 11px;background:#fff;color:#172033;font:inherit;font-size:13px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:#9aa7bd;transform:translateY(-1px)}button:focus-visible{outline:3px solid rgba(24,97,221,.22);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}button.danger{color:#9f1d1d}button.primary{border-color:#172033;background:#172033;color:#fff}input,select{width:100%;min-height:36px;border:1px solid #d8dde7;border-radius:7px;padding:0 10px;background:#fff;color:#172033;font:inherit;font-size:13px}input:focus,select:focus{outline:3px solid rgba(24,97,221,.18);outline-offset:1px;border-color:#8aa2d8}label{display:grid;gap:7px;color:#48556a;font-size:12px;font-weight:700}.app-shell{min-height:100vh;padding:22px}.app-error-shell{display:grid;min-height:100vh;place-items:center;padding:22px}.app-error-panel{display:grid;width:min(520px,100%);gap:14px;border:1px solid #f0c7c7;border-radius:16px;padding:28px;background:#fff7f7;color:#8a1f1f;box-shadow:0 20px 60px #1720331f}.app-error-panel p{color:#48556a}.topbar,.command-bar,.settings-panel,.overview,.workspace,.warning-band{max-width:1480px;margin:0 auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 0 18px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.1;letter-spacing:0}h2{font-size:16px;line-height:1.2;letter-spacing:0}.eyebrow{display:block;margin-bottom:5px;color:#69758a;font-size:11px;font-weight:760;letter-spacing:0;text-transform:uppercase}.topbar-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px;color:#69758a;font-size:13px}.topbar-nav{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid #d8dde7;border-radius:8px;background:#fff}.topbar-nav button{min-height:30px;border:0;background:transparent}.topbar-nav button.active{background:#172033;color:#fff}.version-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #d8dde7;border-radius:7px;background:#fff;color:#48556a;font-size:12px;font-weight:760;white-space:nowrap}.overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #dfe4ec;border-radius:8px;background:#dfe4ec}.metric{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;min-height:88px;padding:16px;background:#fff}.metric-button{width:100%;border:0;border-radius:0;align-items:start;justify-content:initial;text-align:left}.metric-button:hover:not(:disabled){border-color:transparent;background:#f8fafc;transform:none}.metric-button.active{background:#f3f6fb;box-shadow:inset 0 -3px #1861dd}.metric-button.active span{color:#48556a}.metric svg{color:#1861dd}.metric span{color:#69758a;font-size:13px}.metric strong{grid-column:1 / -1;font-size:28px;line-height:1}.settings-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 12px}.segmented{display:inline-flex;gap:2px;padding:3px;border:1px solid #d8dde7;border-radius:8px;background:#fff}.segmented button{min-width:42px;border:0;background:transparent}.segmented button.active{background:#172033;color:#fff}.toggle{display:inline-flex;align-items:center;gap:10px;color:#48556a;font-size:13px}.checkpoint-status{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #d8dde7;border-radius:7px;padding:0 10px;background:#fff;color:#69758a;font-size:12px;white-space:nowrap}.checkpoint-status svg{color:#1861dd}.command-bar{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff}.command-bar>div:first-child{min-width:180px;margin-right:auto}.command-bar strong,.command-bar small{display:block}.command-bar small{color:#69758a;font-size:12px}.pulse{display:inline-flex;color:#1861dd;animation:pulse 1.8s ease-in-out infinite}.warning-band{display:flex;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid #f0d28c;border-radius:8px;background:#fff8e6;color:#5c4300}.warning-band p{margin-top:3px;color:#6d5522;font-size:13px}.settings-page{display:grid;gap:16px}.settings-card{border:1px solid #dfe4ec;border-radius:10px;padding:18px;background:#fff}.settings-card h2{display:inline-flex;align-items:center;gap:8px}.settings-help{max-width:760px;margin:8px 0 18px;color:#69758a;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label:not(.toggle){display:grid;gap:7px;color:#48556a;font-size:13px;font-weight:720}.form-grid input:not([type=checkbox]),.form-grid select{min-height:38px;border:1px solid #d8dde7;border-radius:8px;padding:0 11px;background:#fff;color:#172033;font:inherit}.form-grid input:disabled,.form-grid input:read-only,.form-grid select:disabled{background:#f6f8fb;color:#69758a}.form-toggle{align-self:end;min-height:38px}.status-chip{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:760}.status-chip.online{background:#ecfdf3;color:#087443}.status-chip.muted{background:#f1f4f8;color:#69758a}.settings-note{display:flex;align-items:center;gap:8px;margin-top:14px;border-radius:8px;padding:10px 12px;font-size:13px}.settings-note.success{background:#ecfdf3;color:#087443}.settings-note.warning{background:#fff7ed;color:#a8550b}.settings-note.error{background:#fef2f2;color:#b42318}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px;align-items:start}.services-panel,.inspector,.log-viewer{min-width:0;border:1px solid #dfe4ec;border-radius:8px;background:#fff}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid #edf0f5}.section-head>span{color:#69758a;font-size:12px;text-align:right}.section-head.compact{display:block}.table-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:12px;padding:14px 16px;border-bottom:1px solid #edf0f5}.service-search>span:last-child{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.service-search svg{color:#69758a}.service-filters{display:grid;grid-template-columns:repeat(3,minmax(118px,150px));gap:8px}.table-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #edf0f5;color:#69758a;font-size:13px}.table-summary label{display:inline-grid;grid-template-columns:auto 70px;align-items:center;gap:8px}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;table-layout:fixed}.services-panel table{min-width:1420px}.services-panel th:nth-child(1){width:17%}.services-panel th:nth-child(2){width:8%}.services-panel th:nth-child(3){width:8%}.services-panel th:nth-child(4){width:9%}.services-panel th:nth-child(5){width:11%}.services-panel th:nth-child(6){width:12%}.services-panel th:nth-child(7){width:7%}.services-panel th:nth-child(8){width:13%}.services-panel th:nth-child(9){width:15%}th,td{padding:12px 14px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:middle;font-size:13px}th{color:#69758a;font-size:11px;font-weight:760;text-transform:uppercase}td strong,td small{display:block}td small{margin-top:3px;color:#69758a}tbody tr{transition:background .15s ease}tbody tr:hover,tbody tr.selected{background:#f3f6fb}.mono,.endpoint{overflow:hidden;color:#48556a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.actions-cell{min-width:0}.password-cell button{width:100%;min-width:0;padding:0 8px}.quota-cell{min-width:0}.quota-button{display:grid;width:100%;min-width:0;height:auto;min-height:42px;justify-items:start;gap:3px;padding:7px 9px;border-color:#dbeafe;background:#f8fbff;color:#172033}.quota-button:hover{border-color:#93c5fd;background:#eff6ff}.quota-button span,.quota-button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quota-button span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800}.quota-button small{color:#69758a;font-size:11px;font-weight:700}.row-actions button{width:32px;min-height:32px;padding:0}.row-actions .dashboard-action,.row-actions .docs-action{width:auto;max-width:100%;gap:6px;padding:0 10px}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:#eef1f6;color:#48556a;font-size:12px;font-weight:700}.status-online,.status-running{background:#e8f7ef;color:#197243}.status-degraded{background:#fff3d8;color:#875900}.status-offline,.status-exited,.status-disabled,.status-missing{background:#ffe8e7;color:#9f1d1d}.status-active{background:#e8f7ef;color:#197243}.inspector{position:sticky;top:18px;overflow:hidden}dl{margin:0;padding:8px 16px 12px}dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5}dt{color:#69758a;font-size:12px}dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:13px}.inspector-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.warnings{margin:0;padding:0 16px 16px 31px;color:#875900;font-size:13px}.muted{padding:16px;color:#69758a;font-size:13px}.log-viewer{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;width:min(760px,calc(100vw - 44px));max-height:48vh;flex-direction:column;box-shadow:0 24px 70px #17203338}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #edf0f5}.log-viewer pre{min-height:180px;margin:0;overflow:auto;padding:16px;background:#111827;color:#e5e7eb;font-size:12px;line-height:1.5;white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:22px;background:#1720336b}.modal-panel{width:min(480px,100%);border:1px solid #dfe4ec;border-radius:8px;background:#fff;box-shadow:0 24px 70px #1720333d}.modal-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #edf0f5}.modal-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;background:#172033;color:#fff}.modal-copy{padding:14px 16px 0;color:#48556a;font-size:13px;line-height:1.5}.modal-form{display:grid;gap:14px;padding:16px}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.password-field button{width:38px;min-height:36px;padding:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.spin{animation:spin .9s linear infinite}.error-text{padding:12px 16px;background:#ffe8e7;color:#9f1d1d;font-size:13px}.success-text{padding:12px 16px;background:#e8f7ef;color:#197243;font-size:13px}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:#eef1f6}.auth-panel{width:min(440px,100%);border:1px solid #dfe4ec;border-radius:8px;padding:24px;background:#fff;box-shadow:0 24px 70px #1720331f}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.auth-mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;background:#172033;color:#fff}.auth-form,.user-form{display:grid;gap:14px}.form-error{display:grid;gap:4px;border:1px solid #ffc4c0;border-radius:8px;padding:11px 12px;background:#fff0ef;color:#9f1d1d;font-size:13px}.users-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;max-width:1480px;margin:0 auto;align-items:start}.users-main,.user-editor{border:1px solid #dfe4ec;border-radius:8px;background:#fff}.user-editor{position:sticky;top:18px}.search-box{display:grid;grid-template-columns:auto minmax(180px,280px) auto;align-items:center;gap:8px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;color:#69758a;font-size:13px}.user-form{padding:16px}fieldset{display:grid;gap:8px;margin:0;border:1px solid #dfe4ec;border-radius:8px;padding:12px}legend{padding:0 4px;color:#69758a;font-size:11px;font-weight:760;text-transform:uppercase}.checkbox-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;font-weight:400}.checkbox-row input{width:16px;min-height:16px;margin-top:2px}.checkbox-row strong,.checkbox-row small{display:block}.checkbox-row small{margin-top:2px;color:#69758a;font-weight:400}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.system-metrics,.token-usage{max-width:1480px;margin:12px auto 0;border:1px solid #dfe4ec;border-radius:8px;background:#fff}.system-metrics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:15px 16px 12px;border-bottom:1px solid #edf0f5}.system-metrics-head>span{color:#69758a;font-size:12px;font-weight:700;white-space:nowrap}.system-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf0f5}.resource-card{min-width:0;padding:15px 16px;background:#fff}.resource-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#48556a;font-size:12px;font-weight:800;text-transform:uppercase}.resource-card-top span{display:inline-flex;color:#1861dd}.resource-card.warn .resource-card-top span{color:#b45309}.resource-card-value{margin-top:12px;color:#172033;font-size:26px;font-weight:850;line-height:1}.resource-meter{height:8px;margin-top:14px;overflow:hidden;border-radius:999px;background:#edf2f7}.resource-meter span{display:block;height:100%;border-radius:inherit;background:#1861dd}.resource-card.warn .resource-meter span{background:#d97706}.resource-card p{margin-top:10px;overflow:hidden;color:#69758a;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.system-metrics-error{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#8a4b00;font-size:13px}.metric-button{min-width:68px;justify-content:center;border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;font-weight:800}.metrics-modal{width:min(880px,100%);max-height:86vh;overflow:auto}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:16px}.usage-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#edf0f5}.usage-table{min-width:0;padding:14px 16px 16px;background:#fff;overflow-x:auto}.usage-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.usage-table-head strong{color:#172033;font-size:14px}.usage-table-head span{color:#69758a;font-size:12px;font-weight:700;white-space:nowrap}.usage-table table{min-width:520px;border:1px solid #edf0f5}.metric-card{border:1px solid #dfe4ec;border-radius:8px;padding:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.metric-card span{display:block;color:#69758a;font-size:11px;font-weight:760;text-transform:uppercase}.metric-card strong{display:block;margin-top:6px;color:#172033;font-size:20px}.metrics-details{padding-top:0}.recent-requests{padding:0 16px 16px}.recent-requests>strong{display:block;margin-bottom:10px}.recent-requests table{min-width:920px;border:1px solid #edf0f5}.key-share-panel{display:flex;flex-direction:column;gap:16px;padding:20px 24px 32px}.key-share-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.key-share-title{display:flex;align-items:center;gap:8px;font-size:20px;margin:0}.key-share-subtitle{margin:4px 0 0;color:var(--muted, #6b7280);font-size:13px}.key-share-actions{display:flex;gap:8px}.key-share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid #d0d7de;background:#fff;cursor:pointer;font-size:13px}.key-share-btn.primary{background:#2563eb;color:#fff;border-color:#1d4ed8}.key-share-btn.primary[disabled]{opacity:.6;cursor:progress}.key-share-btn .spin{animation:keyshare-spin 1s linear infinite}@keyframes keyshare-spin{to{transform:rotate(360deg)}}.key-share-stats{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.key-share-stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;min-width:110px}.key-share-stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.key-share-stat-value{font-size:20px;font-weight:600}.key-share-ingest{display:flex;gap:18px;font-size:12px;color:#4b5563;margin-left:auto;align-items:center}.key-share-ingest>div{display:flex;flex-direction:column}.key-share-ingest-label{font-size:10px;color:#9ca3af;text-transform:uppercase}.key-share-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.key-share-filters label{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#4b5563}.key-share-filters select,.key-share-filters input{font-size:13px;padding:4px 6px;border-radius:6px;border:1px solid #d0d7de}.key-share-meta{margin-left:auto;font-size:12px;color:#6b7280}.key-share-error{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:13px}.key-share-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px}@media(max-width:1100px){.key-share-grid{grid-template-columns:1fr}}.key-share-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:auto;max-height:520px}.key-share-table{width:100%;border-collapse:collapse;font-size:12.5px}.key-share-table th,.key-share-table td{padding:8px 10px;border-bottom:1px solid #f1f3f5;text-align:left;white-space:nowrap}.key-share-table th{background:#f9fafb;position:sticky;top:0;z-index:1;font-size:11px;text-transform:uppercase;color:#6b7280}.key-share-table td.num{text-align:right;font-variant-numeric:tabular-nums}.key-share-table tbody tr{cursor:pointer}.key-share-table tbody tr:hover{background:#f8fafc}.key-share-table tbody tr.selected{background:#eff6ff}.key-share-table .muted{color:#6b7280;font-size:11px}.key-share-empty{text-align:center;color:#9ca3af;padding:22px}.severity-pill{color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.key-share-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto}.key-share-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#9ca3af;flex:1}.key-share-detail header h3{margin:0;font-size:15px}.key-share-detail header p{margin:4px 0 0;color:#4b5563;font-size:12px}.key-share-signals ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px}.key-share-signals li{display:flex;justify-content:space-between;font-size:12px;background:#f9fafb;border-radius:6px;padding:4px 8px}.key-share-signals li em{color:#6b7280;font-style:normal;margin-left:6px}.key-share-section h4{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;color:#6b7280;letter-spacing:.04em;margin:0 0 6px}.key-share-mini-table{width:100%;border-collapse:collapse;font-size:12px}.key-share-mini-table th,.key-share-mini-table td{padding:6px 8px;border-bottom:1px solid #f1f3f5;text-align:left}.key-share-mini-table td.num{text-align:right;font-variant-numeric:tabular-nums}.key-share-mini-table .muted{color:#6b7280;font-size:11px}.key-share-ua-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.key-share-ua-list li{display:grid;grid-template-columns:110px 1fr auto;gap:8px;align-items:center;font-size:12px;padding:6px 8px;border-radius:6px;background:#f9fafb}.key-share-ua-list .ua-sample{color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-share-ua-list .num{color:#6b7280}@media(max-width:1100px){.overview{grid-template-columns:repeat(3,minmax(0,1fr))}.system-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-metrics-grid,.workspace,.users-layout{grid-template-columns:1fr}.inspector,.user-editor{position:static}}@media(max-width:760px){.app-shell{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.topbar-meta,.command-bar,.settings-panel,.settings-actions,.table-summary,.modal-actions,.pagination{align-items:stretch;flex-direction:column}.topbar-nav{width:100%}.topbar-nav button{flex:1 1 0}.overview,.form-grid{grid-template-columns:1fr}.system-metrics-head{align-items:flex-start;flex-direction:column}.system-metrics-grid{grid-template-columns:1fr}.search-box{grid-template-columns:auto minmax(0,1fr)}.search-box button{grid-column:1 / -1}.table-toolbar,.service-filters,.table-summary label{grid-template-columns:1fr}}
