:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #1c2128;--bg-card-hover: #21262d;--border-default: #30363d;--border-variant: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--accent-primary: #4A8F6D;--accent-primary-dim: rgba(74, 143, 109, .15);--colour-success: #3fb950;--colour-warning: #d29922;--colour-error: #f85149;--colour-info: #58a6ff;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-default)}.header__title{font-family:var(--font-body);font-size:18px;font-weight:700}.header__spacer{flex:1}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--ok{background:var(--colour-success)}.status-dot--warn{background:var(--colour-warning)}.status-dot--error{background:var(--colour-error)}.status-dot--unknown{background:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-md);padding:var(--space-md) var(--space-xl) var(--space-xl)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color .2s ease}.card:hover{border-color:var(--accent-primary)}.card__title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-md)}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text-primary)}.text-secondary{color:var(--text-secondary);font-size:14px}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--bg-card-hover)}.btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn--primary:hover{background:#3d7a5e;border-color:#3d7a5e}.btn--danger{background:var(--colour-error);border-color:var(--colour-error);color:#fff}.btn--danger:hover{background:#da3633;border-color:#da3633}.btn--ghost{background:transparent;border-color:var(--border-default)}.btn--ghost:hover{background:var(--bg-card-hover)}.btn--success-hint{border-color:var(--colour-success);color:var(--colour-success)}.header__last-updated{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}.header__mock-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.header__mock-badge:hover{background:var(--bg-card-hover)}.header__mock-badge--active{background:var(--colour-warning);border-color:var(--colour-warning);color:#000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-dialog{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:0 16px 48px #0006}.modal-title{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-sm)}.modal-desc{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.modal-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;outline:none;margin-bottom:var(--space-md);transition:border-color .15s ease}.modal-input:focus{border-color:var(--accent-primary)}.modal-input::placeholder{color:var(--text-muted)}.modal-btn-row{display:flex;justify-content:flex-end;gap:var(--space-sm)}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:1100;pointer-events:none}.toast{font-family:var(--font-body);font-size:13px;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:auto;box-shadow:0 4px 12px #0000004d}.toast--visible{opacity:1;transform:translateY(0)}.toast--success{border-color:var(--colour-success);color:var(--colour-success)}.toast--error{border-color:var(--colour-error);color:var(--colour-error)}.toast--info{border-color:var(--colour-info);color:var(--colour-info)}.card__loading{display:flex;flex-direction:column;gap:var(--space-sm)}.shimmer{background:linear-gradient(90deg,var(--bg-card-hover) 25%,var(--border-variant) 50%,var(--bg-card-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.region-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);min-width:28px}.region-tag--error{color:var(--colour-error)}.meta-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.meta-value{font-size:12px;color:var(--text-muted)}.meta-value--small{font-size:10px;color:var(--text-muted)}.stat-block{display:flex;flex-direction:column;gap:2px;min-width:80px}.stat-block .stat-value{font-size:22px}.stat-row{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-md)}.list-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-variant)}.list-row--vertical{flex-direction:column;align-items:flex-start}.badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;font-family:var(--font-mono);white-space:nowrap}.badge--accent{background:var(--accent-primary-dim);color:var(--accent-primary)}.badge--success{background:#3fb9501f;color:var(--colour-success)}.badge--warning{background:#d299221f;color:var(--colour-warning)}.badge--error{background:#f851491f;color:var(--colour-error)}.badge--info{background:#58a6ff1f;color:var(--colour-info)}.divider{border-bottom:1px solid var(--border-variant)}.monospace{font-family:var(--font-mono)}.mono-sm{font-family:var(--font-mono);font-size:10px}.mono-xs{font-family:var(--font-mono);font-size:11px}.count-up{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);white-space:nowrap}.health-layout{display:flex;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.health-ring-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex-shrink:0}.region-list{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:180px}.region-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.diag-header{display:flex;font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.total-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-default)}.warning-banner{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--colour-warning);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--colour-warning)}.spark-bar{display:flex;width:100%;height:10px;border-radius:5px;overflow:hidden;background:var(--border-variant)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.chip{font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;font-family:var(--font-mono);background:var(--accent-primary-dim);color:var(--accent-primary)}