:root{--transition: .2s ease;--radius: 6px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--cp-radius-sm: 8px;--cp-radius-md: 12px;--cp-avatar-grad: linear-gradient(135deg, #0243c7 0%, #335fff 100%)}[data-theme=light]{--bg: #eef1f7;--bg-secondary: #ffffff;--bg-tertiary: #e7ecf6;--border: #e6eaf2;--text: #424242;--text-muted: #8a8f9c;--text-heading: #1a1f2e;--primary: #335fff;--primary-hover: #0243c7;--primary-text: #ffffff;--success: #03b200;--warning: #c78400;--danger: #c92135;--info: #335fff;--shadow: 0 1px 3px rgba(15,23,42,.08);--shadow-lg: 0 4px 12px rgba(15,23,42,.08);--focus-ring: rgba(51, 95, 255, .18);--overlay: rgba(15,23,42,.4);--input-bg: #ffffff;--input-border: #d4dbe8;--scrollbar-thumb: #c7d0e0;--icon-color: #5b6171;--sidebar-bg: #ffffff;--sidebar-border: #e6eaf2;--cp-surface-panel: #ffffff;--cp-surface-hover: rgba(15, 23, 42, .04);--cp-border-soft: #e6eaf2;--cp-shadow-pop: 0 8px 24px -12px rgba(15, 23, 42, .18)}[data-theme=dark]{--bg: #0b0d12;--bg-secondary: #0f1116;--bg-tertiary: #161a22;--border: #20252f;--text: #ffffff;--text-muted: #a5a5a5;--text-heading: #ffffff;--primary: #335fff;--primary-hover: #5a7dff;--primary-text: #ffffff;--success: #03b200;--warning: #c78400;--danger: #c92135;--info: #5a7dff;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4);--focus-ring: rgba(51, 95, 255, .3);--overlay: rgba(0,0,0,.6);--input-bg: #161a22;--input-border: #2a313d;--scrollbar-thumb: #2a313d;--icon-color: #d1d1d1;--sidebar-bg: #0f1116;--sidebar-border: #20252f;--cp-surface-panel: #13161c;--cp-surface-hover: rgba(255, 255, 255, .06);--cp-border-soft: #20252f;--cp-shadow-pop: 0 8px 24px -12px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;transition:background var(--transition),color var(--transition)}a{color:var(--info);text-decoration:none}a:hover{opacity:.8;text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:background var(--transition),border-color var(--transition)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 12px}.sidebar-brand-link{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-heading);letter-spacing:-.01em;min-width:0}.sidebar-brand-link:hover{text-decoration:none;opacity:.8}.sidebar-brand-link svg{width:40px;height:40px;color:var(--text-heading);flex-shrink:0}.sidebar-collapse-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--cp-radius-sm);background:transparent;color:var(--icon-color);cursor:pointer;transition:background var(--transition),color var(--transition)}.sidebar-collapse-btn:hover{background:var(--cp-surface-hover);color:var(--text)}.sidebar-collapse-btn svg{width:18px;height:18px;transition:transform var(--transition)}@media(max-width:640px){.sidebar-brand svg{width:36px;height:36px}}.pre-release-tag{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--info);letter-spacing:.05em;vertical-align:super;margin-left:4px;padding:1px 5px;background:color-mix(in srgb,var(--info) 12%,transparent);border-radius:3px}.sidebar-switcher{padding:4px 12px 12px}.sidebar-switcher label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-weight:500}.sidebar-switcher select{width:100%;padding:6px 10px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);font-size:13px;cursor:pointer}.sidebar-switcher select:focus{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px var(--focus-ring)}.sidebar-nav{padding:8px;flex:1;min-height:0;overflow-y:auto}.sidebar-nav-divider{height:1px;background:var(--sidebar-border);margin:6px 12px}.sidebar-section-label{padding:14px 12px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cp-radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;transition:color var(--transition),background var(--transition);text-decoration:none}.sidebar-link:hover{color:var(--text);background:var(--cp-surface-hover);text-decoration:none;opacity:1}.sidebar-link.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:8px;border-top:1px solid var(--sidebar-border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-top:4px;border:1px solid var(--cp-border-soft);border-radius:var(--cp-radius-md);background:var(--cp-surface-panel)}.sidebar-user-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--cp-avatar-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;overflow:hidden}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-meta{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.sidebar-user .theme-toggle,.sidebar-user-logout{width:28px;height:28px;border:none;border-radius:var(--cp-radius-sm);background:transparent;color:var(--icon-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),color var(--transition)}.sidebar-user .theme-toggle:hover,.sidebar-user-logout:hover{background:var(--cp-surface-hover);color:var(--text)}.sidebar-user-logout svg{width:16px;height:16px}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;position:relative}.content-container{max-width:none;padding:24px}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:40;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--icon-color);cursor:pointer;align-items:center;justify-content:center}.sidebar-toggle svg{width:20px;height:20px}@media(min-width:901px){.sidebar{transition:width var(--transition)}.main-content{transition:margin-left var(--transition)}html[data-sidebar=collapsed]{--sidebar-width: var(--sidebar-width-collapsed)}html[data-sidebar=collapsed] .sidebar-brand{flex-direction:column;justify-content:flex-start;gap:8px;padding-left:0;padding-right:0}html[data-sidebar=collapsed] .sidebar-brand-text{display:none}html[data-sidebar=collapsed] .sidebar-collapse-btn svg{transform:rotate(180deg)}html[data-sidebar=collapsed] .sidebar-link{justify-content:center;gap:0;font-size:0}html[data-sidebar=collapsed] .sidebar-switcher{display:none}html[data-sidebar=collapsed] .sidebar-section-label{height:0;padding:0;margin:8px 14px;overflow:hidden;color:transparent;border-top:1px solid var(--cp-border-soft)}html[data-sidebar=collapsed] .sidebar-user{justify-content:center;padding:6px}html[data-sidebar=collapsed] .sidebar-user-meta,html[data-sidebar=collapsed] .sidebar-user-actions{display:none}}@media(max-width:900px){.sidebar-collapse-btn{display:none}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--icon-color);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);flex-shrink:0}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .icon-sun,.theme-toggle .icon-moon,.theme-toggle .icon-monitor{display:none}[data-theme-pref=light] .theme-toggle .icon-sun,[data-theme-pref=dark] .theme-toggle .icon-moon,[data-theme-pref=system] .theme-toggle .icon-monitor{display:block}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition);line-height:1.4}.btn:hover{background:var(--bg-tertiary);text-decoration:none}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-text)}.btn-secondary{background:var(--bg-tertiary)}.btn-warning{background:#eab30826;border-color:var(--warning);color:var(--warning)}.btn-warning:hover{background:#eab30840;color:var(--warning)}.btn-danger{background:#ef444426;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#ef444440;color:var(--danger)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;color:var(--text-heading);letter-spacing:-.02em}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--text-muted);box-shadow:var(--shadow)}.card h3{color:var(--text-heading);margin-bottom:4px;font-size:16px;font-weight:600}.card-meta{margin-top:12px;color:var(--text-muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;transition:border-color var(--transition)}.stat-card h3{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:500}.stat-value{font-size:32px;font-weight:600;color:var(--text-heading);letter-spacing:-.02em}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.table tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--bg-tertiary)}.form{max-width:560px}.form-group label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:var(--text-heading)}.form-group small{display:block;margin-top:4px;color:var(--text-muted);font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px var(--focus-ring)}.detail-list{display:grid;grid-template-columns:160px 1fr;gap:8px 16px}.detail-list dt{color:var(--text-muted);font-size:13px}.detail-list dd{color:var(--text)}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-running{background:#22c55e1f;color:var(--success)}.status-stopped{background:#eab3081f;color:var(--warning)}.status-error,.status-terminated{background:#ef44441f;color:var(--danger)}.status-provisioning,.status-starting,.status-stopping,.status-deleting,.status-restarting{background:#3b82f61f;color:var(--info)}.status-unhealthy{background:#eab3081f;color:var(--warning)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{padding:10px 20px;color:var(--text-muted);border-bottom:2px solid transparent;font-size:14px;font-weight:500;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--text);text-decoration:none}.tab.active{color:var(--text-heading);border-bottom-color:var(--text-heading)}.tab-panel{display:none}.tab-panel.active{display:block}.console-container{position:relative}.console-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:8px}.console-iframe{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary)}.flash{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;border:1px solid;font-size:14px}.flash-success{background:#22c55e14;border-color:var(--success);color:var(--success)}.flash-error{background:#ef444414;border-color:var(--danger);color:var(--danger)}.flash-info{background:#3b82f614;border-color:var(--info);color:var(--info)}.cp-select{position:relative;display:block;width:100%}.cp-select__native{display:none}.cp-select__button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;font:inherit;font-size:13px;text-align:left;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--cp-radius-sm);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.cp-select__button:hover{border-color:var(--text-muted)}.cp-select__button:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.cp-select--open>.cp-select__button{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.cp-select__value{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cp-select__value[data-placeholder=true]{color:var(--text-muted)}.cp-select__chevron{flex-shrink:0;width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition)}.cp-select--open .cp-select__chevron{transform:rotate(180deg)}.cp-select__menu{position:absolute;z-index:60;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;padding:4px;background:var(--cp-surface-panel);border:1px solid var(--cp-border-soft);border-radius:var(--cp-radius-md);box-shadow:var(--cp-shadow-pop)}.cp-select__menu[hidden]{display:none}.cp-select__group-label{padding:8px 10px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.cp-select__option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--cp-radius-sm);font-size:13px;color:var(--text);cursor:pointer;user-select:none}.cp-select__option:hover,.cp-select__option.is-active{background:var(--cp-surface-hover)}.cp-select__option[aria-selected=true]{color:var(--primary);font-weight:600}.cp-select__option[aria-selected=true]:after{content:"";flex-shrink:0;margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--primary)}.cp-select__option[aria-disabled=true]{color:var(--text-muted);cursor:default;opacity:.6}.cp-tooltip{position:fixed;z-index:200;padding:6px 10px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;color:var(--text);background:var(--cp-surface-panel);border:1px solid var(--cp-border-soft);border-radius:var(--cp-radius-sm);box-shadow:var(--cp-shadow-pop);pointer-events:none;opacity:0;transform:translateY(-50%) translate(-4px);transition:opacity .16s ease,transform .16s ease}.cp-tooltip.cp-tooltip--show{opacity:1;transform:translateY(-50%) translate(0)}@media(prefers-reduced-motion:reduce){.cp-tooltip{transition:opacity .16s ease;transform:translateY(-50%)}.cp-tooltip.cp-tooltip--show{transform:translateY(-50%)}}.modal{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-width:400px;box-shadow:var(--shadow-lg)}.cp-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:var(--radius);font-size:13px;box-shadow:var(--shadow-lg);z-index:200;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.cp-toast.cp-toast-error{border-color:var(--danger, #d32f2f);color:var(--danger, #d32f2f)}.cp-toast.cp-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.cp-confirm{z-index:150}.cp-confirm-body{margin-bottom:16px;font-size:14px;line-height:1.5}.cp-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.login-page{background:var(--bg);height:100vh;overflow:hidden}.login-layout{display:flex;height:100vh;position:relative;z-index:1}#login-bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(3px)}.login-left{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}#login-workflow-canvas{width:100%;height:100%;display:block}.login-tagline{position:absolute;bottom:40px;left:40px;z-index:2}.login-tagline h2{font-size:22px;font-weight:600;color:var(--text-heading);opacity:.7;letter-spacing:-.3px;margin-bottom:6px}.login-tagline p{font-size:13px;color:var(--text-muted);margin:0}.login-right{width:440px;min-width:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;background:color-mix(in srgb,var(--bg) 90%,transparent);border-left:1px solid color-mix(in srgb,var(--border) 50%,transparent);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.login-inner{width:100%;max-width:320px;flex:1;display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:48px;text-align:center}.login-brand svg{width:44px;height:44px;color:var(--text-muted);margin-bottom:16px}.login-brand h1{font-size:26px;font-weight:600;color:var(--text-heading);letter-spacing:-.5px;margin-bottom:4px}.login-brand p{font-size:13px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin:0}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:500;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-google:hover{background:var(--bg-tertiary);text-decoration:none;opacity:1}.btn-google svg{width:20px;height:20px;flex-shrink:0}.login-terms{margin-top:28px}.login-terms-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.login-terms-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);cursor:pointer;margin-top:1px;transition:all .2s;position:relative}.login-terms-label input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.login-terms-label input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--primary-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.login-terms-label span{font-size:12.5px;color:var(--text-muted);line-height:1.5}.login-terms-label a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}.login-terms-label a:hover{color:var(--text-heading)}.login-footer{margin-top:auto;padding-top:32px;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:320px;color:var(--text-muted);font-size:11px}@media(max-width:860px){.login-layout{flex-direction:column}.login-left{height:35vh;min-height:220px}.login-right{width:100%;min-width:unset;border-left:none;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);flex:1}.login-tagline{bottom:16px;left:16px}.login-tagline h2{font-size:18px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{opacity:.8}.empty-state{text-align:center;color:var(--text-muted);padding:40px}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}section{margin-bottom:32px}section h2{color:var(--text-heading);margin-bottom:16px;font-size:18px;font-weight:600;letter-spacing:-.01em}.admin-nav{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px}.usage-bar{display:inline-block;width:100px;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;vertical-align:middle}.usage-fill{height:100%;background:var(--info);border-radius:4px;transition:width .3s ease}.actions-cell{white-space:nowrap}.actions{display:flex;gap:8px}.quick-actions{display:flex;gap:12px}code,.mono{font-family:var(--font-mono);font-size:13px}.provision-progress{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.provision-progress h3{font-size:14px;font-weight:600;color:var(--text-heading);margin-bottom:16px}.progress-steps{display:flex;gap:8px}.step{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius);background:var(--bg-tertiary);border:1px solid var(--border);transition:all var(--transition)}.step .step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--text-muted);font-size:12px;font-weight:600;flex-shrink:0}.step .step-label{font-size:13px;color:var(--text-muted)}.step.active .step-number{background:var(--success);color:#fff}.step.active .step-label{color:var(--text)}.step.current{border-color:var(--info);background:#3b82f60f}.step.current .step-number{background:var(--info);color:#fff;animation:pulse-step 1.5s ease-in-out infinite}.step.current .step-label{color:var(--info);font-weight:500}@keyframes pulse-step{0%,to{opacity:1}50%{opacity:.6}}.dashboard-layout{display:flex;flex-direction:row;gap:0;min-height:calc(100vh - 48px)}.dashboard-main{flex:1;min-width:0}.agent-config-panel{padding:12px 16px}.config-panel-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-heading)}.config-panel-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:4px}.config-panel-footer{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--text-muted);padding:16px 0 8px}.btn-link-muted{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.btn-link-muted:hover{color:var(--text)}.config-section{margin-bottom:12px}.config-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:12px}.config-section-subtitle{display:block;font-weight:400;text-transform:none;letter-spacing:normal;font-size:11px;margin-top:2px}.config-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:12px}.config-actions-bottom{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);margin-top:auto}.config-action-btn{flex:1;min-width:0;text-align:center;white-space:nowrap}.config-alert{padding:8px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:12px;border:1px solid}.config-alert-warning{border-color:var(--warning);background:#eab30814;color:var(--warning)}.config-alert-error{border-color:var(--danger);background:#ef444414;color:var(--danger)}.config-alert-actions{margin-top:6px;display:flex;gap:6px}.config-details{margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.config-details-summary{cursor:pointer;font-weight:600;font-size:13px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary)}.config-details-summary:hover{background:var(--bg-tertiary);opacity:.9}.config-details-status{font-weight:400;font-size:12px}.config-details-body{padding:12px}.config-details-action{margin-bottom:12px}.connector-list{padding:4px 0}.connector-row{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.connector-row:last-child{border-bottom:none;padding-bottom:0}.connector-row:first-child{padding-top:0}.connector-row-left{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;flex:1 1 auto;min-width:0}.connector-row-right{flex-shrink:0}.connector-name{font-size:13px;font-weight:500;color:var(--text)}.connector-status{font-size:11px;color:var(--text-muted);flex:0 0 100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.connector-row-disabled .connector-name{color:var(--text-muted)}.connector-help-link{padding:8px 0 0;text-align:right}.connector-help-link a{font-size:11px;color:var(--text-muted);text-decoration:none}.connector-help-link a:hover{color:var(--info);text-decoration:underline}.agent-quick-actions-panel .quick-action-list{display:flex;flex-direction:column;gap:4px;padding:4px 0}.quick-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font:inherit;transition:background .12s,border-color .12s}.quick-action-row:hover{background:color-mix(in srgb,var(--info) 8%,transparent);border-color:var(--info)}.quick-action-row:focus-visible{outline:2px solid var(--info);outline-offset:1px}.quick-action-row:disabled{opacity:.5;cursor:not-allowed}.quick-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.quick-action-label{font-size:13px;font-weight:500}.quick-action-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.quick-action-chevron{flex-shrink:0;color:var(--text-muted);display:inline-flex}.connector-scope-detail{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:4px 0 8px}.scope-pill{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:10px;white-space:nowrap;line-height:1.4}.scope-pill-ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:color-mix(in srgb,var(--success) 85%,var(--text))}.scope-pill-missing{background:var(--bg-tertiary);color:var(--text-muted);text-decoration:line-through;opacity:.7}.scope-picker{padding:10px 0 12px}.scope-picker-header{font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.scope-picker-services{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.scope-picker-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);transition:border-color .15s,background .15s;user-select:none}.scope-picker-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 4%,var(--bg))}.scope-picker-item:has(input:checked){border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--bg))}.scope-picker-item input[type=checkbox]{margin:0;flex-shrink:0;accent-color:var(--primary)}.scope-picker-label{font-weight:500;color:var(--text);white-space:nowrap;line-height:1;flex:1}.scope-picker-actions{display:flex;gap:8px}.scope-level-toggle{display:inline-flex;border:1px solid var(--border);border-radius:5px;overflow:hidden;flex-shrink:0}.scope-level-btn{padding:2px 8px;font-size:10px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-muted);border:none;transition:background .15s,color .15s;line-height:1.4}.scope-level-btn:not(:last-child){border-right:1px solid var(--border)}.scope-level-btn:hover{background:var(--bg-tertiary)}.scope-level-btn.active{background:var(--primary);color:var(--primary-text)}.scope-level-fixed{font-size:10px;font-weight:500;color:var(--text-muted);padding:2px 8px;border:1px solid var(--border);border-radius:5px;flex-shrink:0;line-height:1.4}.config-service-label{font-size:13px;font-weight:600;display:block;margin-bottom:6px}.config-service-toggles{display:flex;flex-direction:column;gap:8px}.config-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.config-checkbox-mb{margin-bottom:8px}.config-inline-group{display:flex;gap:6px;align-items:center}.config-inline-group input{flex:1}.config-inline-status{font-size:12px;white-space:nowrap}.config-hidden{display:none}.channel-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:10px}.channel-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.channel-card-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.config-save-section{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding-bottom:12px;border-bottom:1px solid var(--border)}.config-save-btn{width:100%;justify-content:center}.config-save-status{font-size:12px;text-align:center}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}.activity-item:last-child{border-bottom:none}.activity-action{font-weight:500;color:var(--text);white-space:nowrap}.activity-meta{color:var(--text-muted);white-space:nowrap}.activity-user{color:var(--text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#agent-view{display:flex;flex-direction:column;height:calc(100vh - 48px)}.agent-view-toolbar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-shrink:0}.agent-view-name{font-size:13px;font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-view-domain{font-size:12px;color:var(--text-muted);text-decoration:none;white-space:nowrap}.agent-view-domain:hover{color:var(--primary);text-decoration:underline}.agent-view-toolbar .status-badge{margin-right:0}.agent-view-version{font-size:12px;color:var(--text-muted);margin-right:auto}.agent-view-content{display:flex;flex:1;min-height:0}.agent-config-toggle-wrap{position:relative}.agent-config-drawer{position:absolute;top:100%;right:0;width:360px;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000026;z-index:100;opacity:1;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.agent-config-drawer.drawer-hidden{display:none;opacity:0;transform:translateY(0)}.agent-iframe-container{flex:1;min-width:0;display:flex;flex-direction:column}.agent-iframe{flex:1;width:100%;border:none;background:var(--bg)}.agent-no-iframe{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;padding:24px;text-align:center}#agent-view.agent-view-expanded{position:fixed;inset:0;z-index:60;height:auto;background:var(--bg)}.quick-create-form{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.quick-create-form select,.quick-create-form input{padding:6px 10px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);font-size:14px}.quick-create-form select{max-width:200px}.quick-create-form input{flex:1}.quick-create-form select:focus,.quick-create-form input:focus{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px var(--focus-ring)}.danger-zone{margin-top:32px;padding:20px;background:#ef44440a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius)}.danger-zone h3{color:var(--danger);font-size:16px;margin-bottom:8px}.danger-zone p{color:var(--text-muted);font-size:14px;margin-bottom:16px}.provision-cards{display:flex;flex-wrap:wrap;gap:16px}.provision-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;min-width:260px;transition:border-color var(--transition),box-shadow var(--transition)}.provision-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow)}.provision-card-inner{display:flex;align-items:center;gap:16px}.provision-card-info{flex:1;min-width:0}.provision-card-name{font-size:15px;font-weight:600;color:var(--text-heading);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provision-card-step{font-size:13px;color:var(--info);font-weight:500}.provision-card-spinner{position:relative;width:64px;height:64px;flex-shrink:0}.spinner-ring{display:block;animation:spinner-rotate 1.2s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner-ring-bg{stroke:var(--border)}.spinner-ring-arc{stroke:var(--info)}.provision-elapsed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:var(--text-heading);font-variant-numeric:tabular-nums}.provision-card-error{display:flex;align-items:center;gap:12px}.provision-card-error-icon{flex-shrink:0;color:var(--danger)}.provision-card-error-msg{font-size:13px;color:var(--danger)}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.main-content{margin-left:0}.content-container{padding-top:60px}}@media(max-width:768px){.content-container{padding:60px 16px 16px}.card-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.detail-list{grid-template-columns:1fr}.modal-content{min-width:auto;margin:16px}.progress-steps,.dashboard-layout{flex-direction:column}.agent-config-drawer{width:min(360px,calc(100vw - 16px));right:0}.quick-create-form{flex-wrap:wrap}.quick-create-form select{max-width:none;flex:1}#agent-view{position:fixed;inset:0;z-index:60;height:100vh;height:100dvh;background:var(--bg)}.agent-view-toolbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 8px;gap:4px}.agent-view-domain,#av-copy-domain,.agent-view-version,#av-expand-btn{display:none!important}.agent-view-toolbar .status-badge{margin-right:auto}.agent-view-toolbar .btn-sm{font-size:0;padding:6px;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.agent-view-toolbar .btn-sm svg{width:16px;height:16px}.agent-view-name{flex-shrink:1;min-width:0}}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-open{background:var(--success);color:#fff}.status-in_progress{background:var(--info);color:#fff}.status-closed{background:var(--text-muted);color:#fff}.request-filter-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.filter-tab{padding:8px 16px;text-decoration:none;color:var(--text-muted);border-bottom:2px solid transparent;font-size:14px}.filter-tab:hover{color:var(--text)}.filter-tab.active{color:var(--text);border-bottom-color:var(--primary)}.filter-count{background:var(--bg-tertiary);border-radius:10px;padding:1px 7px;font-size:12px;margin-left:4px}.request-body-card,.comment-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.request-meta,.comment-meta{margin-bottom:12px}.comment-meta{display:flex;align-items:center;gap:8px}.markdown-editor{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.markdown-editor-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.tab-btn{background:none;border:none;padding:4px 10px;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:13px}.tab-btn.active{background:var(--bg-secondary);color:var(--text)}.markdown-write{width:100%;min-height:120px;border:none;padding:12px;background:var(--bg-secondary);color:var(--text);font-family:var(--font-mono);font-size:14px;resize:vertical}.markdown-preview{padding:12px;min-height:120px;background:var(--bg-secondary)}.markdown-body{line-height:1.6;word-wrap:break-word;margin-top:12px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:16px 0 8px;color:var(--text-heading)}.markdown-body h1{font-size:1.5em;border-bottom:1px solid var(--border);padding-bottom:4px}.markdown-body h2{font-size:1.3em}.markdown-body h3{font-size:1.1em}.markdown-body p{margin:8px 0}.markdown-body code{background:var(--bg-tertiary);padding:2px 5px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.markdown-body pre{background:var(--bg-tertiary);padding:12px;border-radius:var(--radius);overflow-x:auto;margin:12px 0}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{border-left:3px solid var(--border);margin:12px 0;padding:4px 16px;color:var(--text-muted)}.markdown-body ul,.markdown-body ol{padding-left:24px;margin:8px 0}.markdown-body li{margin:4px 0}.markdown-body img{max-width:100%;border-radius:var(--radius);margin:8px 0}.markdown-body a{color:var(--info);text-decoration:underline}.markdown-body table{border-collapse:collapse;width:100%;margin:12px 0}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.markdown-body th{background:var(--bg-tertiary);font-weight:600}.form-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:800px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.form-input{width:100%;padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);font-size:14px}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.form-textarea{width:100%;padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:14px;resize:vertical}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.drop-zone{position:relative}.drop-overlay{display:none;position:absolute;inset:0;background:var(--overlay);border:3px dashed var(--info);border-radius:var(--radius);color:#fff;font-size:18px;font-weight:600;align-items:center;justify-content:center;z-index:10;pointer-events:none}.drop-zone.drop-active .drop-overlay{display:flex}.upload-status{margin-top:4px}.upload-status-entry{font-size:13px;color:var(--text-muted);padding:2px 0}.upload-status-entry.upload-done{color:var(--success)}.upload-status-entry.upload-error{color:var(--danger)}.team-map-container{position:relative;width:100%;height:calc(100vh - 140px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.team-map-container canvas{display:block;width:100%;height:100%}.skill-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.skill-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.skill-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.skill-card-header{display:flex;align-items:center;gap:8px}.skill-card-name{font-weight:600;font-size:16px;color:var(--text-heading)}.skill-card-desc{font-size:13px;color:var(--text-muted);margin:0;line-height:1.4}.skill-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:12px}.skill-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#4ade8026;color:var(--success);border-radius:999px;font-size:12px;font-weight:600}.inject-count{color:var(--info);font-size:12px;font-weight:500}.contributor-list{display:flex;flex-wrap:wrap;gap:12px}.contributor-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.skill-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border)}.skill-filter-tabs{display:flex;gap:4px;overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none}.skill-filter-tabs::-webkit-scrollbar{display:none}.skill-filter-bar .btn{flex-shrink:0;margin-bottom:-1px}.skill-editor-form{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.skill-editor-textarea{flex:1;min-height:calc(100vh - 380px);font-family:var(--font-mono);font-size:13px;line-height:1.6;resize:vertical}.skill-editor-preview{height:calc(100vh - 380px);overflow-y:auto;padding:16px;background:var(--bg-secondary)}.skill-content-preview{border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;font-size:14px;line-height:1.6;word-break:break-word;max-height:600px;overflow-y:auto;margin:0}.skill-content-preview.markdown-body{margin-top:0;white-space:normal}.skill-content-preview.markdown-body>:first-child{margin-top:0}pre.skill-content-preview{font-family:var(--font-mono);font-size:13px;background:var(--bg-secondary);white-space:pre-wrap}.content-view-tabs{display:inline-flex;gap:0;background:var(--bg-tertiary);border-radius:var(--radius);padding:2px}.content-view-tabs .tab-btn{padding:4px 12px;font-size:12px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer}.content-view-tabs .tab-btn.active{background:var(--bg-secondary);color:var(--text);box-shadow:var(--shadow)}.diff-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.diff-line{display:flex;padding:1px 12px;white-space:pre-wrap;word-break:break-all}.diff-prefix{flex-shrink:0;width:20px;color:var(--text-muted);user-select:none}.diff-text{flex:1}.diff-add{background:#4ade801f;color:var(--success)}.diff-remove{background:#ef44441f;color:var(--danger)}.diff-unchanged{color:var(--text-muted)}.agent-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.agent-section-header h2{margin-bottom:0}.agent-header-controls{display:flex;align-items:center;gap:8px}.agent-search-input{padding:6px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);font-size:13px;width:200px}.agent-search-input:focus{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px var(--focus-ring)}.agent-search-input::placeholder{color:var(--text-muted)}.view-toggle{display:inline-flex;background:var(--bg-tertiary);border-radius:var(--radius);padding:2px;gap:2px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.view-toggle-btn:hover{color:var(--text)}.view-toggle-btn.active{background:var(--bg-secondary);color:var(--text);box-shadow:var(--shadow)}.agent-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.agent-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.agent-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow)}.agent-card-header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.agent-card-name{font-size:15px;font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-card-body{display:flex;flex-direction:column;gap:6px}.agent-card-field{display:flex;align-items:center;gap:8px;font-size:13px}.agent-card-label{color:var(--text-muted);min-width:80px;font-size:12px}@media(max-width:768px){.agent-card-grid{grid-template-columns:1fr}.agent-section-header{flex-direction:column;align-items:flex-start;gap:8px}.agent-search-input{width:100%}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.quick-create-form{flex-direction:column;align-items:stretch}.quick-create-form select,.quick-create-form input{max-width:none;width:100%}}.status-active{background:#4ade8026;color:var(--success)}.status-failed{background:#ef444426;color:var(--danger)}.status-removed{background:var(--bg-tertiary);color:var(--text-muted)}.badge-update{display:inline-block;font-size:.7em;font-weight:600;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning);vertical-align:middle;white-space:nowrap;cursor:pointer;border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);transition:background .15s,border-color .15s}.badge-update:hover{background:#fbbf244d;border-color:#f59e0b80}.badge-update:active{background:#fbbf2466}.badge-update.badge-updating{cursor:wait;opacity:.7;pointer-events:none}.badge-coming-soon{display:inline-block;font-size:.85em;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted);vertical-align:middle;white-space:nowrap;text-transform:none;letter-spacing:normal}.badge-experimental{font-size:10px;font-weight:400;color:var(--text-muted);font-style:italic}@media(display-mode:standalone){#pwa-install-btn{display:none!important}}.ios-install-content{max-width:300px;text-align:center}.ios-install-title{font-size:1.05rem;font-weight:600;margin-bottom:1rem}.ios-install-steps{text-align:left;padding-left:1.2rem;margin:0;line-height:1.8;color:var(--text-muted)}.ios-install-steps strong{color:var(--text)}.help-search-wrap{margin-bottom:24px}.help-search{width:100%;max-width:400px;padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text)}.help-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.help-category{margin-bottom:28px}.help-category-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.help-category-header h2{font-size:15px;font-weight:600;margin:0;color:var(--text-heading)}.help-category-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.help-guides{display:flex;flex-direction:column;gap:4px}.help-guide{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);overflow:hidden;transition:border-color var(--transition)}.help-guide[open]{border-color:var(--text-muted)}.help-guide-summary{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;user-select:none;list-style:none}.help-guide-summary-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.help-guide-chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);transition:transform var(--transition)}.help-guide[open] .help-guide-chevron{transform:rotate(90deg)}.help-guide-summary::-webkit-details-marker{display:none}.help-guide-summary::marker{content:""}.help-guide-title{font-size:13px;font-weight:500;color:var(--text)}.help-guide-summary-text{font-size:12px;color:var(--text-muted)}.help-guide-summary:hover .help-guide-title{color:var(--primary)}.help-guide-content{padding:0 16px 16px}.help-steps{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px}.help-step{font-size:13px;line-height:1.6;color:var(--text)}.help-step::marker{color:var(--text-muted);font-weight:600}.help-tip{display:flex;align-items:flex-start;gap:8px;margin-top:6px;padding:8px 10px;background:var(--bg-tertiary);border-radius:calc(var(--radius) - 1px);font-size:12px;color:var(--text-muted);line-height:1.5}.help-tip-icon{width:14px;height:14px;flex-shrink:0;margin-top:1px;color:var(--info)}.help-no-results{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.page-header-subtitle{color:var(--text-muted);font-weight:400;font-size:.85em;margin-left:.5em}.costs-inheritance-banner{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:6px;padding:10px 12px;margin-bottom:16px;color:var(--text-muted);font-size:.92em}.costs-inheritance-banner svg{width:18px;height:18px;color:var(--info);flex-shrink:0}.costs-inheritance-banner strong{color:var(--text)}.costs-page{position:relative}.costs-page.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s ease}.costs-loading,.costs-empty-state,.costs-error-state{padding:28px;text-align:center;color:var(--text-muted);background:var(--bg-secondary);border:1px dashed var(--border);border-radius:8px;margin-bottom:16px}.costs-empty-headline{font-size:1.05em;font-weight:600;color:var(--text);margin-bottom:6px}.costs-empty-hint{font-size:.9em;line-height:1.5;max-width:520px;margin:0 auto}.costs-error-state{border-style:solid;border-left:3px solid var(--danger);display:flex;align-items:center;justify-content:center;gap:12px}.costs-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.costs-toolbar-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.costs-toolbar-groupby{margin-left:auto}.costs-toolbar-label{color:var(--text-muted);font-size:.85em;margin-right:6px}.costs-toolbar-pill{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:999px;font-size:.85em;cursor:pointer;min-height:32px;line-height:1}.costs-toolbar-pill:hover{border-color:var(--text-muted)}.costs-toolbar-pill.is-active{background:var(--info);border-color:var(--info);color:#fff}.costs-custom-range input[type=date]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-size:.85em;min-height:32px}.costs-coverage-banner{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:6px;padding:10px 14px;margin:16px 0}.costs-coverage-summary{font-weight:600;color:var(--text)}.costs-coverage-sub{color:var(--text-muted);font-size:.85em;margin-top:2px}.costs-status-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 12px}.costs-range-label{color:var(--text-muted);font-size:.85em}.costs-refresh-group{display:inline-flex;align-items:center;gap:8px}.costs-updated-stamp{color:var(--text-muted);font-size:.8em;font-variant-numeric:tabular-nums}.costs-refresh-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:999px;cursor:pointer;font-size:.95em;line-height:1;padding:0;transition:color .15s ease,border-color .15s ease,transform .4s ease}.costs-refresh-btn:hover{color:var(--text);border-color:var(--text-muted)}.costs-refresh-btn:active{transform:rotate(180deg)}.costs-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}.costs-kpi-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;display:grid;grid-template-rows:auto 1fr auto;row-gap:6px;min-height:96px}.costs-kpi-label{color:var(--text-muted);font-size:.75em;text-transform:uppercase;letter-spacing:.5px}.costs-kpi-value{font-size:1.6em;font-weight:700;color:var(--text-heading);align-self:end;line-height:1.1}.costs-kpi-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:22px}.costs-kpi-sub{color:var(--text-muted);font-size:.78em}.costs-kpi-delta{display:inline-block;font-size:.78em;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--border) 60%,transparent);color:var(--text-muted);line-height:1.4}.costs-kpi-delta.is-quality.is-up{color:var(--warning);background:color-mix(in srgb,var(--warning) 15%,transparent)}.costs-kpi-delta.is-quality.is-down{color:var(--success);background:color-mix(in srgb,var(--success) 15%,transparent)}.costs-kpi-delta.is-quality.is-flat,.costs-kpi-delta.is-neutral{color:var(--text-muted);background:color-mix(in srgb,var(--border) 60%,transparent)}.costs-subcount-badge{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--border) 60%,transparent);color:var(--text-muted);font-size:.78em;vertical-align:middle}.costs-chart-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px}.costs-chart-box h3{margin:0 0 10px;font-size:.95em;color:var(--text)}.costs-chart-box canvas{width:100%!important;max-height:320px}.costs-breakdown-table-wrap{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.costs-breakdown-table{width:100%;border-collapse:collapse;font-size:.9em}.costs-breakdown-table th,.costs-breakdown-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.costs-breakdown-table tr:last-child td{border-bottom:none}.costs-breakdown-table th{background:color-mix(in srgb,var(--border) 30%,transparent);font-weight:600;color:var(--text-muted);font-size:.8em;text-transform:uppercase;letter-spacing:.5px}.costs-breakdown-table .costs-num{text-align:right;font-variant-numeric:tabular-nums}.costs-breakdown-table a{color:var(--info);text-decoration:none}.costs-breakdown-table a:hover{text-decoration:underline}.costs-col-expand{width:32px;padding-right:0!important}.costs-expand-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85em;padding:2px 6px;border-radius:4px}.costs-expand-btn:hover{background:var(--border);color:var(--text)}.costs-subrows-row td{padding:4px 14px 8px 32px!important;background:color-mix(in srgb,var(--border) 20%,transparent)}.costs-subrows-table{width:100%;border-collapse:collapse;margin:0;font-size:.85em}.costs-subrows-table th{padding:8px 12px;font-size:.72em;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;font-weight:500}.costs-subrows-table td{padding:8px 12px;border-top:1px solid var(--border)}.costs-subrows-table .costs-num{text-align:right;font-variant-numeric:tabular-nums}.costs-teaser-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:8px;padding:14px 18px;margin-bottom:20px;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.costs-teaser-card:hover{border-color:var(--text-muted);border-left-color:var(--info);transform:translateY(-1px)}.costs-teaser-text{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.costs-teaser-label{color:var(--text-muted);font-size:.9em}.costs-teaser-amount{font-size:1.4em;font-weight:700;color:var(--text-heading);font-variant-numeric:tabular-nums}.costs-teaser-period{color:var(--text-muted);font-size:.85em}.costs-teaser-cta{color:var(--info);font-size:.9em;font-weight:600;white-space:nowrap}@media(max-width:540px){.costs-teaser-card{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.costs-toolbar-groupby{margin-left:0;width:100%}}@media(max-width:540px){.costs-kpi-strip{grid-template-columns:1fr}.costs-breakdown-table-wrap{overflow-x:auto}.costs-subrows-row td{padding-left:16px!important;padding-right:8px!important}}.org-dns-banner{display:flex;align-items:center;gap:16px;padding:14px 18px;margin:12px 0 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-size:14px;line-height:1.4}.org-dns-banner--provisioning,.org-dns-banner--pending{border-left:4px solid var(--primary)}.org-dns-banner--failed{border-left:4px solid var(--danger)}.org-dns-banner__icon{flex:0 0 auto;font-size:22px;line-height:1}.org-dns-banner__body{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.org-dns-banner__body code{font-family:var(--font-mono);font-size:13px;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;align-self:flex-start;word-break:break-all}.org-dns-banner__error{color:var(--danger)}.org-dns-banner__hint{color:var(--text-muted);font-size:12px}.org-dns-banner__status{flex:0 0 auto;color:var(--text-muted);font-size:12px;white-space:nowrap}@media(max-width:640px){.org-dns-banner{flex-direction:column;align-items:flex-start}.org-dns-banner__status{align-self:flex-start}}.slug-status{font-size:.85em;margin-top:4px}.slug-status--ok{color:var(--success)}.slug-status--error{color:var(--danger)}.slug-status--checking{color:var(--text-muted)}