: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}.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;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}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px;align-items:start}.services-panel,.inspector,.log-viewer{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{overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}.services-panel table{min-width:1040px}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;gap:6px}.password-cell button{width:100%;min-width:0;padding:0 8px}.row-actions button{width:32px;min-height:32px;padding:0}.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)}}@media(max-width:1100px){.overview{grid-template-columns:repeat(3,minmax(0,1fr))}.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,.table-summary,.modal-actions,.pagination{align-items:stretch;flex-direction:column}.overview{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}}