:root{--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:21px;--fs-xl:28px;--fs-2xl:34px;--fs-3xl:48px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.18s;--sidebar-w:260px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"Geist Mono", "SF Mono", "Fira Code", monospace;--color-brand:#ed2738;--color-brand-hover:#d41f2f;--color-success:#00c280;--color-success-hover:#00a86d;--color-info:#1a81af;--color-info-hover:#156a91;--color-warning:#f5a623;--color-warning-critical:#ff7600;--color-error:#dc2626;--color-error-hover:#b91c1c;--color-action-primary:#1a81af;--color-action-primary-hover:#156a91;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--bg-overlay:#0f172a80;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-card-inner:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-hover:#94a3b8;--border-focus:#1a81af;--bg-input:#fff;--bg-input-hover:#f8fafc;--bg-input-focus:#fff;--bg-success:#dcfce7;--bg-success-subtle:#f0fdf4;--bg-info:#e0f2fe;--bg-info-subtle:#f0f9ff;--bg-warning:#fef3c7;--bg-warning-subtle:#fffbeb;--bg-error:#fee2e2;--bg-error-subtle:#fef2f2;--text-success:#166534;--text-info:#0c4a6e;--text-warning:#92400e;--text-error:#991b1b;--gradient-success-start:#dcfce7cc;--gradient-success-end:#f8fafc;--gradient-warning-start:#fef3c7cc;--gradient-warning-end:#f8fafc;--gradient-purple-start:#f3e8ff80;--gradient-purple-end:#f8fafc;--nav-bg:#fff;--nav-item-hover:#f1f5f9;--nav-item-active-bg:#f1f5f9;--nav-item-active-text:#0f172a;--nav-item-text:#64748b;--sidebar-bg:#f8fafc;--sidebar-border:#e2e8f0;--header-bg:#fff;--header-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--toggle-bg:#cbd5e1;--toggle-bg-active:var(--color-action-primary);--toggle-knob:#fff;--table-header-bg:#f8fafc;--table-row-hover:#f1f5f9;--table-border:#e2e8f0;--code-bg:#1e293b;--code-text:#e2e8f0;--code-accent:#34d399;--code-comment:#64748b;--accent-line:linear-gradient(to right, #ed2738, #f97316, #f59e0b)}.dark,:root[data-theme=dark]{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-elevated:#1e293b;--bg-hover:#1e293b;--bg-active:#334155;--bg-overlay:#000000b3;--bg-card:#0f172a;--bg-card-hover:#1e293b;--bg-card-inner:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--text-inverse:#0f172a;--border-primary:#1e293b;--border-secondary:#334155;--border-hover:#475569;--border-focus:#1a81af;--bg-input:#1e293b;--bg-input-hover:#334155;--bg-input-focus:#1e293b;--bg-success:#00c28033;--bg-success-subtle:#00c2801a;--bg-info:#1a81af33;--bg-info-subtle:#1a81af1a;--bg-warning:#f5a62333;--bg-warning-subtle:#f5a6231a;--bg-error:#dc262633;--bg-error-subtle:#dc26261a;--text-success:#00c280;--text-info:#38bdf8;--text-warning:#fbbf24;--text-error:#f87171;--gradient-success-start:#00c28026;--gradient-success-end:#0f172a;--gradient-warning-start:#f5a62326;--gradient-warning-end:#0f172a;--gradient-purple-start:#9333ea26;--gradient-purple-end:#0f172a;--nav-bg:#0f172a;--nav-item-hover:#1e293b;--nav-item-active-bg:#1e293b;--nav-item-active-text:#f8fafc;--nav-item-text:#94a3b8;--sidebar-bg:#0f172a;--sidebar-border:#1e293b;--header-bg:#0f172a;--header-border:#1e293b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--toggle-bg:#334155;--toggle-bg-active:var(--color-action-primary);--toggle-knob:#fff;--table-header-bg:#1e293b;--table-row-hover:#1e293b80;--table-border:#1e293b;--code-bg:#020617;--code-text:#e2e8f0;--code-accent:#34d399;--code-comment:#64748b;--accent-line:linear-gradient(to right, #ed2738, #f97316, #f59e0b)}.text-success{color:var(--text-success)}.text-info{color:var(--text-info)}.text-warning{color:var(--text-warning)}.text-error{color:var(--text-error)}.bg-success{background-color:var(--bg-success)}.bg-info{background-color:var(--bg-info)}.bg-warning{background-color:var(--bg-warning)}.bg-error{background-color:var(--bg-error)}:root[data-theme=blue],.dark[data-theme=blue]{--bg-primary:#2e3b4c;--bg-secondary:#374967;--bg-tertiary:#455d84;--bg-elevated:#374967;--bg-hover:#455d84;--bg-active:#59769e;--bg-overlay:#1e2533e6;--bg-card:#ffffff0f;--bg-card-hover:#ffffff1a;--bg-card-inner:#ffffff0a;--text-primary:#fff;--text-secondary:#d1d9e6;--text-tertiary:#a8b9d1;--text-muted:#7a9ab6;--text-inverse:#fff;--border-primary:#ffffff1f;--border-secondary:#ffffff2e;--border-hover:#ffffff40;--border-focus:#ff7600;--bg-input:#ffffff14;--bg-input-hover:#ffffff1f;--bg-input-focus:#ffffff1a;--bg-success:#00c28033;--bg-success-subtle:#00c2801a;--bg-info:#70c5e833;--bg-info-subtle:#70c5e81a;--bg-warning:#fec60033;--bg-warning-subtle:#fec6001a;--bg-error:#f8717133;--bg-error-subtle:#f871711a;--text-success:#4ade80;--text-info:#70c5e8;--text-warning:#fbbf24;--text-error:#f87171;--gradient-success-start:#00c28026;--gradient-success-end:#2e3b4c;--gradient-warning-start:#fec60026;--gradient-warning-end:#2e3b4c;--gradient-purple-start:#9333ea26;--gradient-purple-end:#2e3b4c;--nav-bg:#2e3b4c;--nav-item-hover:#374967;--nav-item-active-bg:#ff760026;--nav-item-active-text:#ff7600;--nav-item-text:#a8b9d1;--sidebar-bg:#253243;--sidebar-border:#ffffff14;--header-bg:#2e3b4ceb;--header-border:#ffffff14;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000059;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080;--toggle-bg:#ffffff26;--toggle-bg-active:#ff7600;--toggle-knob:#fff;--table-header-bg:#ffffff0a;--table-row-hover:#ffffff0a;--table-border:#ffffff14;--code-bg:#1e2533;--code-text:#d1d9e6;--code-accent:#ff7600;--code-comment:#7a9ab6;--color-action-primary:#ff7600;--color-action-primary-hover:#e56a00;--accent-line:linear-gradient(to right, #ed27384d, #f973164d, #f59e0b4d)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration) var(--ease), color var(--duration) var(--ease)}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.app-body{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.app-body:before{content:"";opacity:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#2e3b4c 0%,#405a80 50%,#2e3b4c 100%);transition:opacity .3s;position:absolute;inset:0}:root[data-theme=blue] .app-body:before{opacity:1}.app-main{padding:var(--sp-7) var(--sp-8);flex:1;width:100%;max-width:1280px;margin:0 auto;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border-secondary);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-logo{align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-5) var(--sp-4);flex-shrink:0;display:flex}.sidebar-logo img{height:20px}.sidebar-product{font-size:var(--fs-md);color:var(--color-action-primary);letter-spacing:-.02em;border-left:1px solid var(--border-secondary);padding-left:var(--sp-2);font-weight:700}.sidebar-nav{padding:var(--sp-2) var(--sp-4);flex:1;overflow-y:auto}.sidebar-category{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--sp-5) var(--sp-3) var(--sp-2);font-size:10px;font-weight:700}.sidebar-item{align-items:center;gap:var(--sp-3);width:100%;padding:7px var(--sp-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:all var(--duration) var(--ease);text-align:left;background:0 0;border:none;margin-bottom:1px;font-weight:500;display:flex}.sidebar-item:hover:not(.disabled):not(.active){background:var(--nav-item-hover);color:var(--nav-item-active-text)}.sidebar-item.active{background:var(--nav-item-active-bg);color:var(--nav-item-active-text);font-weight:600}.sidebar-item.disabled{opacity:.4;cursor:default}.sidebar-item-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item.active .sidebar-item-icon{opacity:1}.sidebar-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-secondary);flex-shrink:0}.sidebar-user{align-items:center;gap:var(--sp-3);display:flex}.sidebar-avatar{background:var(--bg-card);border:1px dashed var(--text-warning);width:34px;height:34px;color:var(--text-warning);font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:var(--fs-sm);color:var(--color-action-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-org{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar{z-index:100;padding:var(--sp-3) var(--sp-7);background:var(--header-bg);-webkit-backdrop-filter:blur(var(--topbar-blur));border-bottom:1px solid var(--header-border);justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:var(--sp-3);font-size:var(--fs-md);letter-spacing:-.02em;color:var(--text-primary);flex-shrink:0;font-weight:700;display:flex}.topbar-brand img{height:22px;display:block}.topbar-brand .brand-divider{background:var(--border-primary);width:1px;height:18px}.topbar-context{align-items:center;gap:var(--sp-6);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.topbar-context .ctx-separator{background:var(--border-primary);width:1px;height:16px}.topbar-controls{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:none;font-family:inherit;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-action-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-action-primary-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-active)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--bg-error);color:var(--text-error);border:1px solid #0000}.btn-danger:hover:not(:disabled){opacity:.85}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--sp-5);transition:all var(--duration) var(--ease)}.card-interactive:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;line-height:1.6;display:inline-flex}.badge-active{background:var(--bg-success-subtle);color:var(--text-success)}.badge-deploying{background:var(--bg-info-subtle);color:var(--text-info)}.input,.textarea,.select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);transition:all var(--duration) var(--ease);outline:none}.input:hover,.textarea:hover,.select:hover{background:var(--bg-input-hover);border-color:var(--border-hover)}.input:focus,.textarea:focus,.select:focus{background:var(--bg-input-focus);border-color:var(--border-focus)}.textarea{resize:vertical;min-height:80px}.label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-1);font-weight:600;display:block}.toggle-track{border-radius:var(--radius-full);background:var(--toggle-bg);cursor:pointer;width:44px;height:24px;transition:background var(--duration) var(--ease);flex-shrink:0;position:relative}.toggle-track[data-on=true]{background:var(--color-action-primary)}.toggle-thumb{background:var(--toggle-knob);width:20px;height:20px;transition:transform var(--duration) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-track[data-on=true] .toggle-thumb{transform:translate(20px)}.range-slider{appearance:none;background:var(--bg-hover);border-radius:3px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-action-primary);cursor:pointer;border:2px solid var(--bg-card);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.range-slider::-moz-range-thumb{background:var(--color-action-primary);cursor:pointer;border:2px solid var(--bg-card);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.quota-meter{gap:var(--sp-1);flex-direction:column;display:flex}.quota-meter-label{font-size:var(--fs-xs);color:var(--text-tertiary);justify-content:space-between;display:flex}.quota-meter-bar{background:var(--bg-hover);border-radius:8px;height:16px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.quota-meter-fill{background:var(--color-action-primary);height:100%;transition:width .3s var(--ease), background .3s var(--ease);border-radius:8px}.quota-meter-fill.warn{background:var(--color-warning)}.quota-meter-fill.error{background:var(--color-error)}.quota-error-text{font-size:var(--fs-sm);color:var(--text-error);font-weight:700}.stepper{margin-bottom:var(--sp-7);align-items:center;gap:0;display:flex}.stepper-step{align-items:center;gap:var(--sp-2);flex:1;display:flex}.stepper-circle{width:32px;height:32px;font-size:var(--fs-sm);transition:all var(--duration) var(--ease);background:var(--bg-active);color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.stepper-circle.active{background:var(--color-action-primary);color:var(--text-inverse)}.stepper-circle.done{background:var(--color-success);color:var(--text-inverse)}.stepper-label{font-size:var(--fs-sm);color:var(--text-tertiary);transition:color var(--duration) var(--ease);white-space:nowrap;font-weight:500}.stepper-label.active{color:var(--text-primary);font-weight:600}.stepper-connector{background:var(--border-primary);height:2px;margin:0 var(--sp-2);flex:1;min-width:20px}.stepper-connector.done{background:var(--text-success)}.theme-switcher{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);gap:2px;padding:2px;display:flex}.theme-btn{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--fs-xs);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;font-family:inherit;font-weight:600}.theme-btn.active{background:var(--color-action-primary);color:var(--text-inverse)}.role-toggle{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-tertiary);background:var(--bg-card);padding:6px var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);box-sizing:border-box;display:flex}.role-toggle select{color:var(--text-warning);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-weight:600}.role-toggle select option{background:var(--bg-card);color:var(--text-primary)}.admin-handoff{min-height:100vh;padding:var(--sp-7);justify-content:center;align-items:center;display:flex}.admin-card{text-align:center;max-width:520px;padding:var(--sp-9)}.admin-icon{border-radius:var(--radius-lg);background:var(--bg-warning);width:64px;height:64px;color:var(--text-warning);font-size:var(--fs-2xl);margin:0 auto var(--sp-6);justify-content:center;align-items:center;display:flex}.admin-card h1{font-size:var(--fs-xl);margin-bottom:var(--sp-4);letter-spacing:-.02em;font-weight:700}.admin-card p{color:var(--text-secondary);margin-bottom:var(--sp-7);line-height:1.6}.dashboard-header{margin-bottom:var(--sp-7);justify-content:space-between;align-items:center;display:flex}.dashboard-header h1{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:700}.workspace-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.ws-card-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:flex-start;display:flex}.ws-card-name{font-size:var(--fs-md);letter-spacing:-.01em;font-weight:700}.ws-card-detail{gap:var(--sp-3);margin-bottom:var(--sp-5);flex-direction:column;display:flex}.ws-detail-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);display:flex}.ws-detail-row .detail-icon{opacity:.6;flex-shrink:0;width:16px}.ws-services{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ws-service-pill{padding:2px var(--sp-3);background:var(--bg-active);border:1px solid var(--border-secondary);border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--text-primary);font-weight:600}.ws-card-actions{padding-top:var(--sp-4);border-top:1px solid var(--border-primary);gap:var(--sp-2);display:flex}.wizard-layout{flex-direction:column;width:100%;max-width:760px;min-height:calc(100vh - 120px);margin:0 auto;display:flex}.wizard-footer{justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-6) 0 80px 0;border-top:1px solid var(--border-primary);margin-top:auto;display:flex}.wizard-footer-left{flex:1;min-width:0}.wizard-footer-right{gap:var(--sp-3);flex-shrink:0;display:flex}.wizard-content{width:100%}.wizard-section{margin-bottom:var(--sp-6)}.wizard-section h2{font-size:var(--fs-lg);margin-bottom:var(--sp-2);letter-spacing:-.01em;font-weight:700}.wizard-section p{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--sp-5)}.field-group,.template-group{margin-bottom:var(--sp-5)}.template-group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--sp-3);font-weight:700}.template-cards{gap:var(--sp-3);flex-direction:column;display:flex}.template-card{align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--bg-card);cursor:pointer;transition:all var(--duration) var(--ease);display:flex}.template-card:hover:not(.locked):not(.selected){border-color:var(--border-secondary)}.template-card.selected{border-color:var(--color-action-primary);background:var(--nav-item-active-bg)}.template-card.locked{opacity:.55;cursor:not-allowed}.template-info{flex:1}.template-name{font-weight:700;font-size:var(--fs-base);margin-bottom:2px}.template-specs{font-size:var(--fs-sm);color:var(--text-tertiary)}.template-lock-reason{font-size:var(--fs-xs);color:var(--text-error);margin-top:var(--sp-1);align-items:center;gap:var(--sp-1);display:flex}.storage-tier{padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-card);margin-bottom:var(--sp-4)}.tier-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.tier-title{font-weight:700;font-size:var(--fs-base)}.tier-subtitle{font-size:var(--fs-xs);color:var(--text-tertiary)}.tier-config{gap:var(--sp-4);flex-direction:column;display:flex}.slider-row{gap:var(--sp-2);flex-direction:column;display:flex}.slider-header{font-size:var(--fs-sm);justify-content:space-between;display:flex}.slider-value{color:var(--color-action-primary);font-weight:700}.services-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.service-card{align-items:center;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--bg-card);cursor:pointer;text-align:center;transition:all var(--duration) var(--ease);flex-direction:column;display:flex}.service-card:hover:not(.selected){border-color:var(--border-secondary)}.service-card.selected{border-color:var(--color-action-primary);background:var(--nav-item-active-bg)}.service-icon{border-radius:var(--radius-md);background:var(--bg-card);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.service-name{font-weight:700;font-size:var(--fs-sm)}.service-desc{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.4}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pills-input{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:text;flex-wrap:wrap;align-items:center;min-height:40px;display:flex}.pills-input:focus-within{border-color:var(--border-focus)}.pill{padding:2px var(--sp-2);background:var(--nav-item-active-bg);border:1px solid var(--color-action-primary);color:var(--color-action-primary);border-radius:var(--radius-full);font-size:var(--fs-xs);align-items:center;gap:4px;font-weight:600;display:inline-flex}.pill-remove{cursor:pointer;opacity:.7;font-size:14px;line-height:1}.pill-remove:hover{opacity:1}.pills-input input{color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1;min-width:100px}.pulse-dot{border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-7);color:var(--text-tertiary)}.empty-state h2{font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:var(--sp-3)}.empty-state p{margin-bottom:var(--sp-6)}.flex-center{justify-content:center;align-items:center;display:flex}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ws-details-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.breadcrumb{align-items:center;gap:var(--sp-2);display:flex}.breadcrumb-link{font-size:var(--fs-md);color:var(--text-tertiary);padding:0;font-weight:600}.breadcrumb-link:hover{background:0 0;text-decoration:underline}.breadcrumb-separator{color:var(--text-secondary);font-size:var(--fs-md);margin:0 var(--sp-1)}.breadcrumb-current{font-size:var(--fs-md);color:var(--text-primary);font-weight:700}.ws-header-actions{gap:var(--sp-3);display:flex}.ws-details-grid-premium{gap:var(--sp-6);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}@media (width<=900px){.ws-details-grid-premium{grid-template-columns:1fr}}.ws-metrics-col,.ws-services-col{flex-direction:column;display:flex}.premium-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff14;box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff0d}.text-glow{text-shadow:0 0 12px #ffffff4d}.premium-gradient{opacity:.9;box-shadow:0 0 10px}.ws-panel{gap:var(--sp-4);padding:var(--sp-6);border-radius:var(--radius-lg);flex-direction:column;display:flex}.ws-panel-title{align-items:center;gap:var(--sp-2);font-size:var(--fs-md);color:var(--text-primary);border-bottom:1px solid var(--border-primary);padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);font-weight:600;display:flex}.ws-metrics{gap:var(--sp-3);flex-direction:column;display:flex}.metric-row{font-size:var(--fs-sm);justify-content:space-between;display:flex}.metric-label{color:var(--text-tertiary)}.metric-value{color:var(--text-primary);font-weight:600}.meter-container{padding-top:var(--sp-5);margin-top:auto}.meter-label{font-size:var(--fs-xs);color:var(--text-tertiary);margin-bottom:var(--sp-2);justify-content:space-between;display:flex}.services-grid-compact{gap:var(--sp-3);margin-top:var(--sp-2);flex-direction:column;display:flex}.service-card-premium{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all var(--duration) var(--ease);background:#0003;flex-direction:column;display:flex}.service-card-premium:hover{border-color:var(--border-secondary);background:#0000004d}.service-info-premium{align-items:center;gap:var(--sp-4);display:flex}.service-icon-bg{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-primary);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff1a}.service-name-premium{font-size:var(--fs-base);margin-bottom:4px;font-weight:600}.service-status{margin:0;display:inline-flex}.empty-services{color:var(--text-tertiary);font-size:var(--fs-sm);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:160px;display:flex}.onboarding-tooltip{z-index:1000;width:260px;margin-top:16px;animation:2s infinite tooltip-bounce;position:absolute;top:100%;right:0}.tooltip-content{background:var(--color-action-primary);color:#fff;padding:var(--sp-4);border-radius:var(--radius-lg);position:relative;box-shadow:0 10px 25px -5px #00000080,0 0 20px #3b82f666}.tooltip-content h4{font-size:var(--fs-md);margin-bottom:var(--sp-1);font-weight:700}.tooltip-content p{font-size:var(--fs-sm);color:#ffffffe6;line-height:1.4}.tooltip-arrow{background:var(--color-action-primary);border-top-left-radius:2px;width:16px;height:16px;position:absolute;top:-8px;right:24px;transform:rotate(45deg)}@keyframes tooltip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}