body{font-family:system-ui,sans-serif;margin:0;background:#0f1419;color:#e7ecf1}.app{max-width:1100px;margin:0 auto;padding:1rem}header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.title-main{font-size:1.25rem;font-weight:700}.title-sub{color:#8aa0b5;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:.75rem}.badge-readonly{background:#3d2a00;color:#ffc857;padding:.25rem .6rem;border-radius:4px;font-weight:700;white-space:nowrap}.logout-btn{background:#1a2330;color:#e7ecf1;border:1px solid #2a3647;padding:.35rem .75rem;border-radius:4px;cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-form{background:#1a2330;border:1px solid #2a3647;border-radius:8px;padding:1.5rem;width:min(360px,100%);display:grid;gap:.5rem}.login-form h1{margin:0 0 .25rem;font-size:1.4rem}.login-subtitle{margin:0 0 .75rem;color:#8aa0b5;font-size:.9rem}.login-form label{font-size:.85rem;color:#8aa0b5}.login-form input{background:#0f1419;color:#e7ecf1;border:1px solid #2a3647;border-radius:4px;padding:.5rem}.login-form button{margin-top:.5rem;background:#2563eb;color:#fff;border:none;border-radius:4px;padding:.55rem;cursor:pointer;font-weight:600}.login-form button:disabled{opacity:.6;cursor:wait}.account-selector,.product-switcher,.tabs{display:flex;gap:.5rem;margin:1rem 0;align-items:center;flex-wrap:wrap}.account-selector select{background:#1a2330;color:#e7ecf1;border:1px solid #2a3647;padding:.35rem .5rem;border-radius:4px}.account-context{color:#8aa0b5;font-size:.9rem;margin:0}.tab{background:#1a2330;color:#e7ecf1;border:1px solid #2a3647;padding:.4rem .8rem;cursor:pointer;border-radius:4px}.tab.active{background:#2563eb;border-color:#2563eb}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.card{background:#1a2330;border:1px solid #2a3647;border-radius:8px;padding:.75rem}.error{color:#f87171}.state-panel,.loading-screen{min-height:60vh;display:grid;place-content:center;text-align:center;gap:.75rem;padding:1rem}.caps{color:#8aa0b5;font-size:.85rem}.settings-page{margin-top:1rem}.settings-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.settings-section{margin-bottom:1.5rem}.settings-table{width:100%;border-collapse:collapse;font-size:.9rem}.settings-table th,.settings-table td{border:1px solid #334;padding:.4rem .6rem;text-align:left}.settings-table tr.mismatch{background:#ffb4001f}.settings-warnings{color:#c90}.badge.warn{background:#553;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.observability-page{margin-top:1rem}.obs-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.obs-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.obs-card{border:1px solid #334;border-radius:6px;padding:.75rem}.obs-status-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.obs-meta{font-size:.85rem;margin-top:.5rem}.obs-history{margin-top:1.5rem}.obs-window-select button{margin-right:.5rem}.obs-window-select button.active{font-weight:700}.obs-timeline{list-style:none;padding:0}.obs-timeline li{padding:.25rem 0;border-bottom:1px solid #223}.title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.wordmark-full{font-size:.85rem;opacity:.85}.badge-env{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.04em;background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.login-brand{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.language-selector{display:flex;align-items:center;gap:.35rem}.language-selector label{font-size:.85rem}.language-selector select{min-width:7rem}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}