.dashboard-wrapper{background:linear-gradient(#0c0c12eb,#0a0a0f);min-height:100vh;display:flex}.dashboard-content-area{background:var(--background);flex:1;min-width:0;margin-left:260px}.dashboard-main{width:100%;max-width:1400px;margin:0 auto;padding:40px}.dashboard-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;padding-bottom:20px;display:flex}.dashboard-header-stack{flex-wrap:wrap}.dashboard-header h1{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1}.subtitle{color:var(--foreground);opacity:.68;max-width:64ch;line-height:1.6}.dashboard-hero{border:1px solid var(--surface-border);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:24px;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:24px;margin-bottom:28px;padding:28px;display:grid}.dashboard-hero-copy h1{margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.3rem)}.dashboard-account-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;display:flex}.dashboard-account-card h3{margin:4px 0 0;font-size:1.2rem}.dashboard-account-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-account-meta span,.meta-label{text-transform:uppercase;letter-spacing:.08em;opacity:.55;font-size:.75rem;display:block}.dashboard-account-meta strong{margin-top:4px;font-size:1.25rem;display:block}.status-badge{letter-spacing:.02em;border:1px solid var(--surface-border);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:.86rem;font-weight:700;display:inline-flex}.status-badge.active{color:#10b981;background:#10b9811f;border-color:#10b98159}.status-badge.inactive{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b59}.pulse-dot{background:currentColor;border-radius:999px;width:8px;height:8px;box-shadow:0 0}.kpi-grid,.metric-grid,.dashboard-content-grid{gap:20px;display:grid}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:28px}.dashboard-content-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);margin-bottom:28px}.kpi-card,.dashboard-section,.metric-card,.dashboard-account-card,.form-section,.playground-sidebar,.playground-results,.settings-nav,.settings-content,.instance-grid>section,.api-reference .api-card,.endpoint-item,.billing-stat-card,.payment-card,.info-card,.contact-form,.docs-card,.pricing-card,.benefit-card{border:1px solid var(--surface-border);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:18px;box-shadow:0 8px 24px #00000014}.kpi-card,.dashboard-section,.metric-card{padding:24px}.kpi-card{flex-direction:column;gap:16px;display:flex;overflow:hidden}.kpi-header{justify-content:space-between;align-items:flex-start;display:flex}.kpi-icon-wrapper{background:rgba(var(--primary-rgb), .12);width:52px;height:52px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.kpi-icon-wrapper.success{color:#10b981;background:#10b9811f}.kpi-icon-wrapper.warning{color:#f59e0b;background:#f59e0b1f}.kpi-icon-wrapper.accent{color:#7c3aed;background:#7c3aed1f}.kpi-value{margin-bottom:4px;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1}.kpi-name{opacity:.66}.section-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title-row h2,.section-title-row h3{align-items:center;gap:10px;margin:0;display:flex}.flex-align{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.dashboard-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex}.dashboard-empty-inset{border:1px dashed var(--surface-border);background:#ffffff0a;border-radius:16px}.dashboard-note{background:#ffffff0a;border-radius:14px;margin-top:18px;padding:16px 18px}.dashboard-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{flex-direction:column;gap:10px;min-width:0;display:flex}.metric-card h3{font-size:1.5rem}.metric-label{text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:.75rem}.health-table{border:1px solid var(--surface-border);border-radius:16px;width:100%;overflow:hidden}.table-header,.table-row{grid-template-columns:minmax(0,2fr) minmax(120px,.8fr) minmax(120px,.9fr) minmax(120px,.8fr);align-items:center;gap:16px;display:grid}.table-header{text-transform:uppercase;letter-spacing:.08em;opacity:.7;background:#ffffff0d;padding:14px 18px;font-size:.82rem}.table-row{border-top:1px solid var(--surface-border);background:#ffffff05;padding:16px 18px}.table-row strong{margin-bottom:2px;display:inline-block}.status-indicator{border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.status-indicator:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.status-indicator.online{color:#10b981;background:#10b9811f}.status-indicator.idle{color:#f59e0b;background:#f59e0b1f}.status-indicator.error{color:#ef4444;background:#ef44441f}.tier-pill{background:rgba(var(--primary-rgb), .12);color:var(--primary);border-radius:999px;align-items:center;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.form-section,.setup-form,.playground-layout,.settings-layout,.instance-grid,.api-reference,.endpoint-list{gap:18px;display:grid}.form-section,.playground-sidebar,.playground-results,.settings-nav,.settings-content,.instance-grid>section{padding:24px}.form-header{align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.form-header h3,.form-header p{margin:0}.setup-form{gap:18px}.form-group{gap:8px;display:grid}.form-group label{opacity:.9;font-weight:600}.form-group input,.form-group select,.search-box input,.glass-input,.glass-select,.contact-form input,.contact-form textarea,.settings-content input,.settings-content select{border:1px solid var(--surface-border);width:100%;color:var(--foreground);background:#ffffff0a;border-radius:14px;outline:none;padding:14px 16px}.form-group input:focus,.form-group select:focus,.search-box input:focus,.glass-input:focus,.glass-select:focus,.contact-form input:focus,.contact-form textarea:focus,.settings-content input:focus,.settings-content select:focus{border-color:rgba(var(--primary-rgb), .6);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;display:flex}.form-error,.form-success{border-radius:14px;padding:14px 16px;font-weight:500}.form-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44443d}.form-success{color:#86efac;background:#10b9811f;border:1px solid #10b9813d}.button-small{border-radius:12px;padding:10px 14px;font-size:.9rem}.button-primary,.button-secondary,.button-danger,.button-outline,.icon-btn,.copy-btn{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.button-primary:hover,.button-secondary:hover,.button-danger:hover,.button-outline:hover,.icon-btn:hover,.copy-btn:hover{transform:translateY(-1px)}.icon-btn{border:1px solid var(--surface-border);width:40px;height:40px;color:var(--foreground);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.icon-btn.active{border-color:rgba(var(--primary-rgb), .45);background:rgba(var(--primary-rgb), .12);color:var(--primary)}.instance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.api-key-box{border:1px solid var(--surface-border);background:#ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.api-key-box code,.glass-code,.api-path,.endpoint-item code{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.copy-btn{border:1px solid var(--surface-border);width:40px;height:40px;color:var(--foreground);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.code-block{background:#080a10eb;border:1px solid #ffffff14;border-radius:16px;padding:18px;overflow-x:auto}.code-block code,.code-block pre{white-space:pre-wrap;word-break:break-word;margin:0}.api-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.api-card,.endpoint-item,.billing-stat-card,.payment-card,.card-icon,.info-card,.int-card{padding:18px}.api-card-title,.endpoint-item .method{font-weight:700}.api-path{color:var(--primary);margin:8px 0 6px;font-size:.92rem}.api-description,.endpoint-item p,.text-muted{opacity:.68;line-height:1.6}.endpoint-list{grid-template-columns:repeat(1,minmax(0,1fr))}.endpoint-item{gap:10px;display:grid}.method{text-transform:uppercase;letter-spacing:.08em;color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:54px;padding:6px 10px;font-size:.78rem;display:inline-flex}.method.post{background:linear-gradient(135deg,#8a2be2,#6d28d9)}.method.get{background:linear-gradient(135deg,#00bcd4,#0284c7)}.billing-stats-grid,.benefits-grid,.pricing-grid,.integration-grid-docs{gap:16px;display:grid}.billing-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-card{align-items:center;gap:16px;display:flex}.card-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.text-button{color:var(--primary);font-weight:700}.playground-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start}.search-box{align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{background:0 0;border:0;padding:12px 0}.results-placeholder{place-items:center;min-height:320px;padding:24px;display:grid}.loading-state,.empty-icon{place-items:center;display:grid}.empty-icon{border-radius:20px;width:72px;height:72px}.results-list-mode .health-table{width:100%}.settings-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.settings-nav .nav-item{width:100%;color:var(--foreground);background:0 0;border:0;border-radius:14px;justify-content:flex-start;padding:14px 16px}.settings-nav .nav-item.active{background:rgba(var(--primary-rgb), .12);color:var(--primary)}.back-link{color:var(--primary);align-items:center;gap:8px;font-weight:700;display:inline-flex}.text-secondary{color:var(--secondary)}.text-success{color:#10b981}.text-sm{font-size:.92rem}.text-xs{font-size:.78rem}.font-bold{font-weight:700}.w-100{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-10{margin-top:40px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.py-12{padding-top:48px;padding-bottom:48px}.py-16{padding-top:64px;padding-bottom:64px}.py-20{padding-top:80px;padding-bottom:80px}@media (max-width:1280px){.dashboard-content-area{margin-left:220px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.dashboard-content-area{margin-left:220px}.dashboard-main{padding:28px 24px}.dashboard-hero,.dashboard-content-grid,.instance-grid,.playground-layout,.settings-layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.dashboard-wrapper{display:block}.dashboard-content-area{margin-left:0;padding-top:72px}.dashboard-main{padding:22px 16px 28px}.dashboard-header,.section-title-row,.form-actions,.payment-card,.search-box{flex-direction:column;align-items:stretch}.dashboard-hero,.kpi-grid,.billing-stats-grid,.api-reference,.pricing-grid,.benefits-grid,.integration-grid-docs,.dashboard-plan-grid,.metric-grid{grid-template-columns:1fr}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:8px}.api-key-box{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.dashboard-main{padding:18px 14px 24px}.dashboard-hero,.dashboard-section,.kpi-card,.metric-card,.form-section,.playground-sidebar,.playground-results,.settings-nav,.settings-content,.instance-grid>section{padding:18px}.dashboard-account-meta{grid-template-columns:1fr}.button-primary,.button-secondary,.button-danger,.button-outline{justify-content:center;width:100%}.button-small{width:auto}}.page-shell-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.panel-surface,.dashboard-panel,.instance-card,.instance-preview-card,.platform-card,.resource-card,.secret-box,.integration-snippet,.progress-track,.metric-card,.support-form-card,.faq-list details,.setting-row,.toggle-row,.dashboard-empty-state{border:1px solid var(--surface-border);background:linear-gradient(135deg,#ffffff17,#ffffff0a);border-radius:22px}.dashboard-panel,.panel-surface{padding:24px}.dashboard-home-hero,.create-success-layout,.integration-layout,.settings-grid,.support-grid,.home-two-column,.instance-dashboard-grid,.instance-detail-grid{gap:20px;display:grid}.dashboard-home-hero,.integration-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)}.create-success-layout,.settings-grid,.support-grid,.home-two-column,.instance-dashboard-grid,.instance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-actions,.instance-card-actions,.instance-preview-actions{flex-wrap:wrap;gap:12px;display:flex}.button-large{min-height:52px;padding:14px 18px}.button-text-link{color:var(--primary);align-items:center;gap:8px;font-weight:700;display:inline-flex}.metric-card{gap:10px;min-height:140px;display:grid}.metric-card .metric-value,.kpi-value{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.metric-card.tone-blue{box-shadow:inset 0 0 0 1px #3b82f626}.metric-card.tone-green{box-shadow:inset 0 0 0 1px #10b98126}.metric-card.tone-amber{box-shadow:inset 0 0 0 1px #f59e0b26}.metric-card.tone-violet{box-shadow:inset 0 0 0 1px #8b5cf626}.metric-card.tone-emerald{box-shadow:inset 0 0 0 1px #14b8a626}.metric-card-icon{background:rgba(var(--primary-rgb), .12);width:52px;height:52px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.metric-label,.eyebrow,.meta-label{text-transform:uppercase;letter-spacing:.08em;opacity:.62;font-size:.74rem}.status-pill,.status-chip{background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.success{color:#10b981}.status-pill.warning{color:#f59e0b}.status-pill.danger{color:#ef4444}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:14px;min-height:300px;margin-top:20px;display:grid}.bar-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;height:220px;display:grid}.bar-column{align-items:end;height:100%;display:flex}.bar-track,.progress-track{background:#ffffff0a;align-items:end;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.progress-track{border-radius:999px;height:14px}.bar-fill,.progress-fill{border-radius:inherit;background:linear-gradient(#3b82f6f2,#3b82f659);width:100%}.bar-fill.recommendations{background:linear-gradient(#3b82f6f2,#3b82f659)}.bar-fill.clicks{background:linear-gradient(#10b981f2,#10b98159)}.chart-label{text-align:center;opacity:.72;margin-top:10px;font-size:.8rem;display:block}.chart-legend{flex-wrap:wrap;gap:18px;display:flex}.legend-dot{border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block}.legend-dot.recommendations{background:#3b82f6}.legend-dot.clicks{background:#10b981}.activity-feed{gap:14px;margin-top:20px;display:grid}.activity-item{grid-template-columns:14px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.activity-item strong,.instance-card h3,.instance-preview-card h3,.platform-card strong,.resource-card,.setting-row strong{font-weight:700}.activity-item p,.subtitle,.text-muted,.faq-list p,.resource-card p,.platform-card p{opacity:.72;line-height:1.6}.activity-badge{background:var(--primary);border-radius:999px;width:12px;height:12px;margin-top:4px}.activity-item.success .activity-badge{background:#10b981}.activity-item.info .activity-badge{background:#3b82f6}.activity-item.warning .activity-badge{background:#f59e0b}.instance-preview-grid,.instances-grid,.platform-grid,.resource-list,.category-bars{gap:14px;display:grid}.instances-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.instance-preview-grid,.platform-grid,.resource-list{grid-template-columns:repeat(2,minmax(0,1fr))}.instance-card,.instance-preview-card,.platform-card,.resource-card,.faq-list details,.setting-row,.toggle-row,.secret-box,.integration-snippet,.support-form-card,.dashboard-empty-state{padding:18px}.instance-card-top,.instance-preview-head,.category-row-head,.integration-step-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.instance-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.instance-card-actions{margin-top:18px}.integration-layout{align-items:start}.integration-select,.setting-row select{border:1px solid var(--surface-border);min-width:180px;color:var(--foreground);background:#ffffff0a;border-radius:14px;padding:12px 14px}.integration-step{margin-top:18px}.step-number{background:rgba(var(--primary-rgb), .14);width:30px;height:30px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.integration-snippet,.secret-box{word-break:break-word;justify-content:space-between;align-items:center;gap:12px;display:flex}.integration-snippet code,.secret-box code,.secret-box strong,.detail-table,.category-row strong{word-break:break-word}.platform-card,.resource-card{align-items:center;gap:14px;text-decoration:none;display:flex}.platform-icon,.resource-card svg{flex-shrink:0}.faq-list{gap:12px;display:grid}.faq-list details summary{cursor:pointer;font-weight:700}.support-form,.create-form{gap:16px;display:grid}.support-grid{align-items:start}.settings-stack,.step-list{gap:12px;display:grid}.toggle-row{align-items:center;gap:12px;display:flex}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.danger-panel{border-color:#ef44444d}.detail-table,.table-header,.table-row{gap:14px;display:grid}.table-header,.table-row{grid-template-columns:minmax(0,1.7fr) minmax(120px,.8fr) minmax(120px,.8fr);align-items:center}.progress-fill{background:linear-gradient(90deg,#3b82f6d9,#10b981d9);min-height:100%}.create-success-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:start}.success-panel{gap:16px;display:grid}.step-list{padding-left:18px}@media (max-width:1024px){.dashboard-home-hero,.integration-layout,.create-success-layout,.settings-grid,.support-grid,.home-two-column,.instance-dashboard-grid,.instance-detail-grid,.dashboard-grid-5,.instances-grid,.instance-preview-grid,.platform-grid,.resource-list{grid-template-columns:1fr}.page-shell-header,.section-title-row{flex-direction:column;align-items:stretch}.bar-chart{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.dashboard-panel,.panel-surface{padding:18px}.bar-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-columns,.bar-track{height:180px}.instance-card-meta,.table-header,.table-row{grid-template-columns:1fr}.secret-box,.integration-snippet,.setting-row{flex-direction:column;align-items:stretch}.button-primary,.button-secondary,.button-danger,.button-outline,.button-text-link,.button-large{justify-content:center;width:100%}}