:root{color:#172033;background:#f3f6fa;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:320px;min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}h1,h2,p{margin:0}h1{color:#111827;font-size:28px;line-height:1.2}h2{color:#172033;font-size:17px;line-height:1.3;margin-bottom:14px}.login-screen{align-items:center;background:#eef2f6;display:flex;min-height:100dvh;padding:24px}.login-panel{background:#fff;border:1px solid #ccd5df;border-radius:8px;box-shadow:0 16px 40px #17203314;margin:0 auto;max-width:420px;padding:28px;width:100%}.login-heading{align-items:center;display:flex;gap:12px;margin-bottom:24px}.login-icon{align-items:center;background:#e7f0ff;border:1px solid #bfd4f4;border-radius:8px;color:#1d4f8f;display:inline-flex;height:40px;justify-content:center;width:40px}.login-form,.settings-form,.page-stack{display:grid;gap:18px}.cloudops-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{background:#172033;color:#dbe5f1;padding:20px 14px}.brand{align-items:center;color:#fff;display:flex;font-weight:800;gap:10px;margin-bottom:24px;min-height:44px;padding:0 10px}.nav-list{display:grid;gap:6px}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:inherit;display:flex;gap:10px;min-height:44px;padding:10px 12px;text-align:left;width:100%}.nav-item.active,.nav-item:hover{background:#ffffff1a;color:#fff}.workspace{min-width:0}.top-header{align-items:center;background:#fff;border-bottom:1px solid #d9e1eb;display:flex;gap:16px;justify-content:space-between;min-height:72px;padding:14px 24px}.header-actions,.button-row,.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.main-panel{display:grid;gap:14px;padding:24px}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.eyebrow{color:#64748b;font-size:12px;font-weight:700;line-height:1.4}.muted-text,.metric-hint,.empty-state{color:#64748b;font-size:14px;line-height:1.5}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel,.table-panel,.status-strip{background:#fff;border:1px solid #d9e1eb;border-radius:8px;box-shadow:0 8px 24px #0f172a0d}.metric-card{display:grid;gap:6px;min-height:116px;padding:18px}.metric-card strong{color:#111827;font-size:26px;line-height:1.2}.metric-label{color:#64748b;font-size:13px;font-weight:700}.panel{padding:18px}.split-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px}.status-strip>div{display:grid;gap:6px}.table-panel{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #e5ebf2;font-size:14px;padding:12px 14px;text-align:left;vertical-align:middle}th{color:#334155;font-weight:800}td{color:#475569}.status-badge{align-items:center;background:#edf2f7;border:1px solid #d6dee8;border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:800;min-height:26px;padding:4px 9px}.status-healthy,.status-up,.status-success,.status-running{background:#e9f7ef;border-color:#bde5cc;color:#166534}.status-warning,.status-degraded{background:#fff7df;border-color:#f4d88d;color:#92400e}.status-critical,.status-failed,.status-error,.status-down,.status-unhealthy{background:#fff0f0;border-color:#f0b4b4;color:#991b1b}.status-unknown,.status-pending{background:#eef2f7;border-color:#d6dee8;color:#475569}.primary-button,.secondary-button,.danger-button,.icon-text-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:10px 14px}.primary-button{background:#1d4ed8;border:1px solid #1d4ed8;color:#fff}.secondary-button,.icon-text-button{background:#fff;border:1px solid #cbd5e1;color:#334155}.danger-button{background:#b91c1c;border:1px solid #991b1b;color:#fff}.compact-button{min-height:36px;padding:7px 10px}.search-field{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;display:flex;gap:8px;min-height:44px;padding:0 12px}.global-search{max-width:420px;width:36vw}.search-field input,.field input,.field select{background:transparent;border:0;color:#172033;min-height:42px;outline:none;width:100%}.field{color:#334155;display:grid;font-size:13px;font-weight:800;gap:6px}.field input,.field select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:0 11px}.inline-field{min-width:190px}.environment-chip,.session-user{background:#eef4ff;border:1px solid #c7d7f8;border-radius:999px;color:#1e3a8a;font-size:13px;font-weight:800;padding:8px 12px}.form-error,.status-message,.diagnostic-message{border-radius:8px;font-size:14px;font-weight:800;padding:10px 12px}.form-error{background:#fff1f1;border:1px solid #f0b8b8;color:#9c1c1c}.status-message{background:#eef8f1;border:1px solid #badcc3;color:#245c36}.diagnostic-message{background:#fff7df;border:1px solid #f4d88d;color:#92400e}.list-row,.distribution-row,.trend-row{align-items:center;border-bottom:1px solid #e5ebf2;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.definition-list{display:grid;gap:10px;margin:0}.definition-list div{display:grid;gap:4px}.definition-list dt{color:#64748b;font-size:12px;font-weight:800}.definition-list dd{color:#172033;margin:0;overflow-wrap:anywhere}.timeline{display:grid;gap:12px;list-style:none;margin:0;padding:0}.timeline li{display:grid;gap:10px;grid-template-columns:12px 1fr}.timeline-dot{border-radius:999px;height:10px;margin-top:5px;width:10px}.log-viewer{background:#111827;border-radius:8px;color:#d1fae5;display:grid;font-size:13px;line-height:1.5;margin:0;max-height:280px;overflow:auto;padding:14px;white-space:pre-wrap}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:980px){.cloudops-shell{grid-template-columns:1fr}.sidebar{position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.top-header,.page-header{align-items:stretch;flex-direction:column}.global-search{max-width:none;width:100%}.metric-grid,.split-grid,.status-strip{grid-template-columns:1fr}}