:root{--background:#0a0a0a;--foreground:#ededed;--card-background:#1a1a1a;--border-color:#2a2a2a;--primary:#3b82f6;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--muted:#6b7280}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:system-ui,-apple-system,sans-serif}body{color:var(--foreground);background:var(--background)}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--card-background);border-right:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column}.sidebar-logo{font-size:1.25rem;font-weight:700;padding:1rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;transition:background-color .15s}.nav-link:hover{background:rgba(255,255,255,.05)}.nav-link.active{background:var(--primary)}.main-content{flex:1 1;padding:2rem;overflow-y:auto}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.page-description{color:var(--muted)}.card{background:var(--card-background);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{padding:1.25rem}.stat-label{font-size:.875rem;color:var(--muted);margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:600}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:500;color:var(--muted);font-size:.875rem}.table tbody tr:hover{background:rgba(255,255,255,.02)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-healthy{background:rgba(34,197,94,.15);color:var(--success)}.badge-unhealthy{background:rgba(239,68,68,.15);color:var(--danger)}.badge-draining{background:rgba(245,158,11,.15);color:var(--warning)}.badge-offline{background:rgba(107,114,128,.15);color:var(--muted)}.badge-open{background:rgba(34,197,94,.15);color:var(--success)}.badge-closed{background:rgba(107,114,128,.15);color:var(--muted)}.badge-migrating{background:rgba(59,130,246,.15);color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.btn:hover{opacity:.9}.btn-primary{background:var(--primary);color:white}.btn-danger{background:var(--danger);color:white}.btn-ghost{background:transparent;color:var(--foreground);border:1px solid var(--border-color)}.btn-secondary{background:var(--border-color);color:var(--foreground)}.btn-warning{background:var(--warning);color:white}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-background);border:1px solid var(--border-color);border-radius:.75rem;padding:0;max-width:400px;width:90%;color:var(--foreground)}.dialog::-webkit-backdrop{background:rgba(0,0,0,.7)}.dialog::backdrop{background:rgba(0,0,0,.7)}.dialog-content{padding:1.5rem}.dialog-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.dialog-message{color:var(--muted);margin-bottom:1.5rem;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.table-link{color:var(--primary);cursor:pointer}.table-link:hover{text-decoration:underline}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem}.text-muted{color:var(--muted)}.progress-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s ease}.progress-bar-fill.low{background:var(--success)}.progress-bar-fill.medium{background:var(--warning)}.progress-bar-fill.high{background:var(--danger)}.metric-card{display:flex;flex-direction:column;gap:.5rem}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.875rem;color:var(--muted)}.metric-value{font-size:1.25rem;font-weight:600}.actions-row{display:flex;gap:.75rem;margin-top:1rem}.saas-console{display:flex;flex-direction:column;gap:1rem}.saas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.saas-panel{display:flex;flex-direction:column;gap:1rem;min-height:100%}.saas-panel-muted{opacity:.72}.saas-panel-header{min-height:86px}.selection-list{display:flex;flex-direction:column;gap:.5rem}.selection-item{display:flex;justify-content:space-between;gap:1rem;padding:.875rem;border:1px solid var(--border-color);border-radius:.625rem;background:rgba(255,255,255,.02);transition:border-color .15s,background-color .15s}.selection-item.selected,.selection-item:hover{border-color:var(--primary);background:rgba(59,130,246,.12)}.selection-item span:first-child{display:flex;min-width:0;flex-direction:column;gap:.25rem}.selection-item small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saas-empty{justify-content:flex-start;padding:.75rem 0}.context-line{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.875rem}.context-line strong{color:var(--foreground);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saas-form{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.api-key-form{margin-bottom:1.5rem}.form-title{font-size:.875rem;font-weight:600;color:var(--foreground)}.form-field{display:flex;flex-direction:column;gap:.375rem;color:var(--muted);font-size:.8125rem}.form-field input,.form-field select,.secret-reveal input{width:100%;border:1px solid var(--border-color);border-radius:.5rem;background:#111;color:var(--foreground);padding:.625rem .75rem;font:inherit}.form-field input:disabled,.form-field select:disabled{opacity:.5;cursor:not-allowed}.field-error{color:var(--danger)}.form-feedback{border-radius:.5rem;padding:.625rem .75rem;font-size:.8125rem}.form-feedback.compact{margin-top:.375rem;padding:.375rem .5rem}.form-feedback p+p{margin-top:.375rem}.form-feedback.success{background:rgba(34,197,94,.12);color:var(--success)}.form-feedback.error{background:rgba(239,68,68,.12);color:var(--danger)}.created-resource{color:var(--muted)}.created-resource code{color:var(--foreground)}.refreshing-label{color:var(--muted);font-size:.75rem}.inline-form{display:inline-flex;flex-direction:column;align-items:flex-start}.api-key-actions{display:flex;align-items:flex-start;gap:.5rem}.api-key-panel{margin-bottom:0}.secret-reveal{display:flex;flex-direction:column;gap:.5rem;border:1px solid rgba(245,158,11,.45);border-radius:.625rem;background:rgba(245,158,11,.1);padding:.875rem}.secret-reveal strong{color:var(--warning);font-size:.875rem}.secret-reveal input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.secret-reveal small{color:var(--muted)}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--muted)}.error{background:rgba(239,68,68,.1);border:1px solid var(--danger);border-radius:.5rem;padding:1rem;color:var(--danger)}.auth-notice{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.5);border-radius:.5rem;padding:1rem;color:var(--foreground)}.auth-notice strong{color:var(--warning)}.auth-notice p{margin-top:.5rem;line-height:1.5}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;padding:.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:.5rem;color:var(--foreground);cursor:pointer}.mobile-menu-toggle svg{width:24px;height:24px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translateX(-100%);transition:transform .3s ease;z-index:1000;padding-top:4rem}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.main-content{padding:4rem 1rem 1rem}.page-title{font-size:1.5rem}.card{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.info-grid{grid-template-columns:1fr 1fr;gap:.75rem}.actions-row{flex-direction:column}.actions-row .btn{width:100%;justify-content:center}.dialog{max-width:calc(100% - 2rem);margin:1rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%;justify-content:center}.table{font-size:.875rem}.table td,.table th{padding:.5rem;white-space:nowrap}.table .hide-mobile{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.page-header .flex.items-center.justify-between{flex-direction:column;align-items:flex-start;gap:.75rem}.btn{padding:.625rem 1rem}}@media (max-width:480px){.main-content{padding:3.5rem .75rem .75rem}.page-title{font-size:1.25rem}.page-description{font-size:.875rem}.info-grid,.metrics-grid,.saas-grid,.stats-grid{grid-template-columns:1fr}.card{padding:.875rem;border-radius:.5rem}.section-title{font-size:1rem}.stat-value{font-size:1.25rem}.badge{padding:.2rem .5rem;font-size:.7rem}}