:root{--bg:#f7f8fb;--bg-strong:#eef1f7;--panel:#fffffff0;--panel-border:#0f172a14;--text:#0f172a;--muted:#64748b;--primary:#4c51bf;--primary-strong:#3730a3;--primary-soft:#4c51bf14;--data:#0f766e;--data-soft:#0f766e14;--accent:#7c3aed;--positive:#059669;--danger:#e11d48;--warning:#d97706;--shadow:0 18px 50px #0f172a14, 0 6px 16px #0f172a0f;--shadow-soft:0 8px 22px #0f172a0f;--radius-xl:24px;--radius-lg:18px;--radius-sm:12px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #4c51bf24, transparent 26%), radial-gradient(circle at top right, #0f766e1f, transparent 24%), linear-gradient(180deg, #fbfcff 0%, var(--bg) 100%);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{background:0 0;border:none}.page-shell,.workspace-page{width:min(1320px,100% - 40px);margin:0 auto;padding:32px 0 64px}.workspace-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.workspace-sidebar{color:#fff;background:radial-gradient(circle at top,#ffffff29,#0000 30%),linear-gradient(#111835 0%,#0d1327 100%);align-content:start;gap:24px;min-height:100vh;padding:24px 18px;display:grid;position:sticky;top:0}.workspace-brand,.workspace-menu,.stack,.form-stack,.upload-widget,.filter-wrap,.builder-stack,.widget-body{gap:14px;display:grid}.workspace-link,.list-card,.panel,.hero-card,.metric-definition-card,.info-card,.adn-kpi-card,.account-editor{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow-soft)}.workspace-link{color:#ffffffb8;box-shadow:none;background:#ffffff0a;border-color:#ffffff14;border-radius:16px;align-items:center;padding:14px 16px;display:flex}.workspace-link.active{color:#fff;background:#6366f12e;border-color:#818cf859}.workspace-main{min-width:0}.hero,.content-grid,.page-header{animation:.45s both rise}.hero{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero.hero-single{grid-template-columns:1.3fr .9fr}.hero h1,.page-header h1{letter-spacing:-.05em;margin:10px 0 12px;font-size:clamp(2.3rem,4.3vw,4.2rem);line-height:.95}.hero p,.page-header p,.panel-header p,.list-card p,.helper-text,.empty-state,.kpi-card span,.adn-kpi-card p,.metric-definition-card p,.status-row p,.list-card small{color:var(--muted)}.hero-card,.panel,.account-editor{border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card,.panel{padding:24px}.status-row{align-items:flex-start;gap:14px;display:flex}.status-dot{background:var(--muted);border-radius:999px;width:12px;height:12px;margin-top:6px;box-shadow:0 0 0 6px #64748b24}.status-dot.connected{background:var(--positive);box-shadow:0 0 0 6px #0596691f}.eyebrow,.stat-pill,.pill-button,.back-link,.secondary-button{border:1px solid var(--panel-border);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:10px 14px;display:inline-flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);background:var(--primary-soft);border-color:#4c51bf29;font-size:.72rem}.workspace-brand .eyebrow{color:#fff;background:#ffffff14;border-color:#ffffff1f}.primary-button,.secondary-button,.pill-button{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.primary-button:hover,.secondary-button:hover,.pill-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-strong));border-radius:16px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;display:inline-flex;box-shadow:0 14px 30px #4c51bf33}.secondary-button{color:var(--text);background:#fff}.pill-button.active-pill{background:var(--primary-soft);color:var(--primary);border-color:#4c51bf2e}.danger-pill{color:var(--danger);border-color:#e11d482e}.content-grid,.builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.single-column,.builder-full{grid-column:1/-1}.panel-header,.toolbar-actions,.widget-actions,.card-actions,.hero-actions,.editor-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header h2,.chart-header h3{margin:0 0 6px;font-size:1.32rem}.page-header{margin-bottom:22px}.page-header .back-link{margin-bottom:12px}.list-card{border-radius:18px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.list-card.static{cursor:default}.list-card h3,.metric-definition-card strong,.info-card strong,.adn-kpi-card strong{margin:0}.list-card small{word-break:break-all;margin-top:8px;display:block}.account-card{align-items:center}.account-editor{border-radius:20px;gap:14px;padding:18px;display:grid}.form-stack label,.two-col label,.widget-editor-grid label{gap:8px;font-size:.94rem;display:grid}input,select,textarea{width:100%;color:var(--text);background:#fffffff5;border:1px solid #0f172a1a;border-radius:14px;outline:none;padding:12px 14px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#4c51bf66;box-shadow:0 0 0 4px #4c51bf14}.two-col,.widget-editor-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.widget-editor-grid{margin-bottom:16px}.info-card{border-radius:18px;gap:8px;padding:18px;display:grid}.info-card span,.metric-definition-card span,.adn-kpi-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.sheet-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sheet-metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-definition-card{border-radius:18px;gap:8px;padding:18px;display:grid}.dashboard-widget-card{position:relative;overflow:hidden}.dashboard-widget-card:before,.adn-kpi-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--data), var(--accent));width:100%;height:4px;position:absolute;inset:0 auto auto 0}.adn-kpi-card{border-radius:20px;padding:22px;position:relative;overflow:hidden}.adn-kpi-card strong{font-size:clamp(2rem,4vw,2.9rem);line-height:1}.builder-toolbar,.filter-pills{flex-wrap:wrap;gap:12px;display:flex}.builder-bar-row{grid-template-columns:minmax(180px,1.2fr) 1fr auto;align-items:center;gap:14px;display:grid}.builder-bar-track{background:var(--bg-strong);border-radius:999px;height:12px;position:relative;overflow:hidden}.builder-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--data));position:absolute;inset:0 auto 0 0}.builder-table-wrap{overflow-x:auto}.metric-table{border-collapse:collapse;width:100%}.metric-table th,.metric-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #0f172a14;padding:14px 12px}.metric-table th{color:var(--muted);font-weight:600}.adn-chart-shell{background:linear-gradient(#4c51bf0d,#fff0),linear-gradient(#0f766e0a,#fff0);border-radius:20px;height:300px;padding:18px 12px 8px;position:relative}.line-chart{width:100%;height:100%}.line-chart-primary,.line-chart-secondary{stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.line-chart-primary{stroke:var(--primary)}.line-chart-secondary{stroke:var(--data)}.chart-area-fill{fill:#4c51bf24}.line-chart-legend,.timeline-labels{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;display:flex}.line-chart-legend span,.timeline-labels span{color:var(--muted);font-size:.84rem}.empty-state,.form-error{background:#0f172a0a;border:1px dashed #0f172a1f;border-radius:16px;padding:16px 18px}.form-error{color:var(--danger);background:#e11d480f;border-style:solid;border-color:#e11d4829}.code-block{color:#e2e8f0;background:#0f172a;border-radius:20px;margin:0;padding:18px;font:.88rem/1.6 JetBrains Mono,Fira Code,monospace;overflow-x:auto}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{min-height:auto;position:static}.sheet-metric-grid,.sheet-metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:880px){.hero,.hero.hero-single,.content-grid,.builder-grid,.two-col,.widget-editor-grid,.info-grid,.sheet-metric-grid,.sheet-metric-grid.compact,.builder-bar-row{grid-template-columns:1fr}.list-card,.panel-header{flex-direction:column;align-items:stretch}}