.layout-header{height:var(--header-height);background:var(--color-header-bg);color:var(--color-header-text);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.layout-header-left,.layout-header-right{align-items:center;gap:12px;display:flex}.layout-logo{color:var(--color-accent);font-weight:700}.layout-divider{opacity:.4}.layout-title{font-size:var(--font-size-base)}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.connected{background:#7fd87f}.status-dot.disconnected{background:var(--color-danger)}.status-dot.degraded{background:#e8a838}.status-text,.last-updated{font-size:var(--font-size-sm);opacity:.9}.last-updated{opacity:.7}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell-body{flex:1;min-height:0;display:flex}.app-shell-sidebar{background:var(--color-sidebar-bg);width:240px;color:var(--color-sidebar-text);border-right:1px solid var(--color-sidebar-border);z-index:1;flex-shrink:0;padding:16px 0 24px;position:relative;box-shadow:1px 0 #0000000a}.nav-section+.nav-section{border-top:1px solid var(--color-border);margin-top:4px;padding-top:16px}.nav-section-title{color:var(--color-sidebar-text-muted);margin:0;padding:0 20px 8px;font-size:12px;font-weight:700}.app-shell-sidebar .nav-link{color:var(--color-sidebar-text);border-left:3px solid #0000;padding:6px 20px 6px 17px;font-size:14px;line-height:1.5;text-decoration:none;transition:background-color .1s;display:block}.app-shell-sidebar .nav-link:hover{background:var(--color-sidebar-hover-bg);color:var(--color-sidebar-text)}.app-shell-sidebar .nav-link.active{background:var(--color-sidebar-active-bg);border-left-color:var(--color-sidebar-active-border);color:var(--color-sidebar-text);font-weight:700}.app-shell-sidebar .nav-link:visited{color:var(--color-sidebar-text)}.app-shell-main{background:var(--color-page-bg);z-index:2;flex:1;position:relative;overflow:auto}.actions-menu{position:relative}.actions-trigger{min-width:100px}.actions-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-md);z-index:100;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.actions-item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 14px;display:block}.actions-item:hover:not(:disabled){background:var(--table-row-hover)}.actions-item:disabled{opacity:.45;cursor:not-allowed}.actions-item-danger{color:var(--color-danger)}.actions-item-danger:hover:not(:disabled){background:var(--color-danger-bg)}.help-tooltip{display:inline-flex;position:relative}.help-tooltip-trigger{border:1px solid var(--color-border);background:var(--color-surface);width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;padding:0;font-size:12px;font-weight:700;line-height:1}.help-tooltip-trigger:hover{border-color:var(--color-accent);color:var(--color-accent)}.help-tooltip-popover{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(320px,80vw);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);padding:12px;position:absolute;top:calc(100% + 6px);left:0;right:auto}.help-tooltip-popover p{margin:0}.help-tooltip-related{margin-top:10px}.help-tooltip-related ul{margin:6px 0 0;padding-left:18px}.help-tooltip-related code{font-size:12px}.setting-field{flex-direction:column;gap:6px;display:flex}.setting-field-label-row{align-items:center;gap:8px;display:flex}.setting-field-label{font-weight:600}.setting-field-label code{font-size:13px}.setting-field-badge{background:var(--color-warning-bg,#fff4e5);color:var(--color-warning-text,#8a5a00);border:1px solid var(--color-border);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.setting-field-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;padding:8px 10px}.setting-field-select{cursor:pointer}.setting-field-multi{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;gap:8px;padding:8px 10px;display:flex}.setting-field-multi-option{font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.setting-field-checkbox{align-items:center;gap:8px;display:inline-flex}.settings-intro{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 20px;line-height:1.5}.settings-category{margin-bottom:20px;overflow:visible}.settings-category summary{cursor:pointer;font-weight:700;font-size:var(--font-size-lg);margin-bottom:12px}.settings-category-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.setting-field-badge-secret{background:var(--color-surface-muted,#f0f4f8);color:var(--color-text-secondary)}.providers-panel h2{margin-top:0}.provider-add-form{grid-template-columns:1fr minmax(160px,220px) auto;gap:12px;margin-bottom:16px;display:grid}.provider-card-list{flex-direction:column;gap:16px;display:flex}.provider-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:16px}.provider-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.provider-card-header h3{margin:0}.provider-card-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:4px 0 0}.provider-card-section{margin-top:16px}.provider-card-section h4{margin:0 0 12px}.provider-card-actions{gap:12px;margin-top:16px;display:flex}@media (width<=720px){.provider-add-form{grid-template-columns:1fr}}.settings-actions{border-top:1px solid var(--color-border);align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.settings-save-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-back-link{color:var(--color-header-text);font-size:var(--font-size-sm);opacity:.9;text-decoration:none}.settings-back-link:hover{opacity:1;text-decoration:underline}.success-banner{color:#1f5d28;border-radius:var(--radius-md);background:#e8f7ea;border:1px solid #9ed4a5;margin-bottom:16px;padding:12px 16px}.warning-banner{color:#6a4d00;border-radius:var(--radius-md);background:#fff8e6;border:1px solid #e8c56a;margin-bottom:16px;padding:12px 16px}:root{--color-header-bg:#232f3e;--color-header-text:#fff;--color-sidebar-bg:#fff;--color-sidebar-text:#16191f;--color-sidebar-text-muted:#545b64;--color-sidebar-border:#d5dbdb;--color-sidebar-hover-bg:#f2f3f3;--color-sidebar-active-bg:#f1faff;--color-sidebar-active-border:#0073bb;--color-accent:#f90;--color-accent-hover:#ec7211;--color-page-bg:#f2f3f3;--color-surface:#fff;--color-border:#d5dbdb;--color-border-strong:#aab7b8;--color-text:#16191f;--color-text-secondary:#545b64;--color-text-muted:#687078;--color-link:#0073bb;--color-link-hover:#005276;--color-success:#1d8102;--color-success-bg:#e9f6e9;--color-warning:#f90;--color-warning-bg:#fff8e6;--color-danger:#d13212;--color-danger-bg:#fdecea;--color-info-bg:#f1faff;--header-height:48px;--radius-sm:2px;--radius-md:4px;--shadow-sm:0 1px 1px #0000000d;--shadow-md:0 1px 4px #0000001a;--font-family:"Amazon Ember", "Helvetica Neue", Roboto, Arial, sans-serif;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--badge-ready-bg:#e9f6e9;--badge-ready-text:#1d8102;--badge-busy-bg:#f1faff;--badge-busy-text:#0073bb;--badge-creating-bg:#fff8e6;--badge-creating-text:#b7741e;--badge-unhealthy-bg:#fdecea;--badge-unhealthy-text:#d13212;--badge-destroy-bg:#f2f3f3;--badge-destroy-text:#545b64;--badge-default-bg:#f2f3f3;--badge-default-text:#16191f;--table-header-bg:#fafafa;--table-row-hover:#f6f9fc;--table-stripe:#fbfcfc}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-page-bg);line-height:1.5}button,input,select{font:inherit}a{color:var(--color-link)}.page-content{max-width:1600px;margin:0 auto;padding:24px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.card-title{font-size:var(--font-size-lg);margin:0 0 12px;font-weight:700}.provider-capacity-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-top:16px}.provider-capacity-table th,.provider-capacity-table td{border:1px solid var(--color-border);text-align:left;padding:8px 10px}.provider-capacity-table th{background:var(--color-info-bg);font-weight:600}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.metric{background:var(--color-info-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:4px}.metric-value{font-size:20px;font-weight:700}.btn{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;background:linear-gradient(#fff 0%,#f0f0f0 100%);justify-content:center;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);color:#111;border-color:#c45500;font-weight:600}.btn-danger{border-color:var(--color-danger);color:var(--color-danger);background:linear-gradient(#fff 0%,#fdecea 100%)}.badge{font-size:var(--font-size-sm);text-transform:lowercase;border-radius:10px;padding:2px 8px;font-weight:600;display:inline-block}.badge-ready{background:var(--badge-ready-bg);color:var(--badge-ready-text)}.badge-busy{background:var(--badge-busy-bg);color:var(--badge-busy-text)}.badge-creating,.badge-starting{background:var(--badge-creating-bg);color:var(--badge-creating-text)}.badge-unhealthy,.badge-failed{background:var(--badge-unhealthy-bg);color:var(--badge-unhealthy-text)}.badge-pending_destroy,.badge-draining,.badge-destroying{background:var(--badge-destroy-bg);color:var(--badge-destroy-text)}.badge-default{background:var(--badge-default-bg);color:var(--badge-default-text)}.badge-ok{background:var(--badge-ready-bg);color:var(--badge-ready-text)}.badge-bad{background:var(--badge-unhealthy-bg);color:var(--badge-unhealthy-text)}.badge-row{flex-wrap:wrap;gap:4px;display:flex}.metric-value-sm{font-size:16px}.cell-primary{font-weight:600}.cell-secondary{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.error-banner{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-md);margin-bottom:16px;padding:10px 14px}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:min(480px,100vw - 32px);padding:20px}.modal h2{font-size:var(--font-size-lg);margin:0 0 16px}.form-row{margin-bottom:12px}.form-row label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:4px;display:block}.form-row input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;padding:6px 10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.table-toolbar .card-title{margin:0}.table-filter{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:8px;display:inline-flex}.table-filter select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:4px 8px}.th-sortable{cursor:default;-webkit-user-select:none;user-select:none;position:relative}.th-sort-label{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:700;display:inline}.th-sort-label:hover{color:var(--color-link)}.th-sortable:hover{background:var(--table-row-hover)}.sort-indicator{color:var(--color-text-secondary);font-size:.75em}.data-table--resizable{table-layout:fixed}.col-resize-handle{cursor:col-resize;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:0}.col-resize-handle:hover{background:var(--color-border-strong)}body.col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 10px}.data-table td{text-overflow:ellipsis;overflow:hidden}.data-table td.health-details-cell{white-space:normal;text-overflow:clip;overflow:visible}.data-table th{background:var(--table-header-bg);z-index:1;font-weight:700;position:sticky;top:0}.data-table tbody tr:nth-child(2n){background:var(--table-stripe)}.data-table tbody tr:hover{background:var(--table-row-hover)}.health-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:8px 0 8px 28px}.health-details dl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 16px;margin:0;display:grid}.health-details dt{font-weight:600}.health-details dd{margin:0}.page-stack{flex-direction:column;gap:20px;display:flex}.expand-btn{min-width:28px;padding:2px 8px}.success-banner{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success);border-radius:var(--radius-md);margin-bottom:12px;padding:10px 14px}.cooldown-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:16px 0 0}.error-text{color:var(--color-danger)}.destroy-results-scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:min(240px,40vh);margin:12px 0;padding:8px 12px;overflow-y:auto}.destroy-results{font-size:var(--font-size-sm);word-break:break-all;margin:0;padding-left:20px}.result-destroyed{color:var(--color-success)}.result-not_found,.result-error{color:var(--color-danger)}.auth-page{background:var(--color-page-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:420px}.auth-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 16px}.auth-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.auth-field span{font-size:var(--font-size-sm);font-weight:600}.auth-field input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:8px 10px}.auth-error{border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:14px;padding:10px 12px}.auth-submit{width:100%;margin-top:8px}