:root{color-scheme:dark;--color-bg:#08090a;--color-surface:#111416;--color-surface-elevated:#191c1e;--color-surface-high:#1d2022;--color-surface-higher:#282a2d;--color-surface-highest:#323537;--color-border-subtle:#262626;--color-border-default:#323537;--color-border-strong:#454652;--color-outline:#908f9e;--color-text:#e1e2e5;--color-text-secondary:#c6c5d5;--color-text-muted:#737373;--color-primary:#bdc2ff;--color-primary-container:#5e6ad2;--color-on-primary:#121f8b;--color-secondary:#66dd8c;--color-tertiary:#ebc246;--color-error:#ffb4ab;--color-error-container:#93000a;--background:var(--color-bg);--surface:var(--color-surface);--surface-raised:var(--color-surface-elevated);--surface-inverse:#ffffff;--border-subtle:var(--color-border-subtle);--border-default:var(--color-border-default);--border-strong:var(--color-border-strong);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--text-inverse:#000000;--link:var(--color-primary);--success:var(--color-secondary);--danger:var(--color-error);--warning:var(--color-tertiary);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--sidebar-width:240px;--library-width:320px;--header-height:48px;--control-height:32px;--font-ui:Inter,ui-sans-serif,system-ui,sans-serif;--font-mono:"Geist Mono","SF Mono",Menlo,Monaco,Consolas,monospace;--font-display:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body,html{background:var(--color-bg)}body{margin:0;min-height:100vh;color:var(--color-text);font-family:var(--font-ui);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,label,p{margin:0}.app-shell{height:100vh;overflow:hidden}.app-shell,.side-nav{display:flex;flex-direction:column;background:var(--color-bg)}.side-nav{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);border-right:1px solid var(--color-border-subtle);padding:var(--space-md) var(--space-sm);z-index:30}.side-nav-brand{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-sm);margin-bottom:var(--space-xl)}.side-nav-brand h1{font-size:24px;font-weight:900;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.side-nav-brand span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-outline);font-family:var(--font-mono)}.side-nav-cta{padding:0 var(--space-sm);margin-bottom:var(--space-lg)}.side-nav-cta a,.side-nav-cta button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:32px;border:none;border-radius:var(--radius-md);background:var(--color-text);color:var(--text-inverse);font-size:13px;font-weight:500;text-decoration:none}.side-nav-cta a:hover,.side-nav-cta button:hover{opacity:.9}.side-nav nav{flex:1 1;display:flex;flex-direction:column;gap:1px}.side-nav a,.side-nav button.nav-item{display:flex;align-items:center;gap:var(--space-sm);height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:13px;padding:0 var(--space-sm);cursor:pointer;transition:all .1s;text-decoration:none}.side-nav a.active,.side-nav a:hover,.side-nav button.nav-item:hover{background:var(--color-surface-high);color:var(--color-text)}.side-nav a.active{border:1px solid var(--color-border-subtle);font-weight:500}.side-nav-footer{margin-top:auto;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-md);display:flex;flex-direction:column;gap:1px}.top-bar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);justify-content:space-between;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);padding:0 var(--space-lg);z-index:20}.top-bar,.top-bar-left{display:flex;align-items:center}.top-bar-left{gap:var(--space-lg)}.top-bar-title{font-size:16px;font-weight:600;color:var(--color-text)}.top-bar-nav{display:flex;align-items:center;gap:var(--space-md)}.top-bar-nav a{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:4px 8px;border-radius:var(--radius-sm);transition:color .1s}.top-bar-nav a.active,.top-bar-nav a:hover{color:var(--color-text)}.top-bar-nav a.active{font-weight:700}.top-bar-right{gap:var(--space-sm)}.icon-btn,.top-bar-right{display:flex;align-items:center}.icon-btn{justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:18px;cursor:pointer;transition:all .1s}.icon-btn:hover{background:var(--color-surface-high);color:var(--color-text)}.divider-v{width:1px;height:16px;background:var(--color-border-subtle);margin:0 4px}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);height:calc(100vh - var(--header-height));overflow:hidden;display:flex}.onboarding{flex:1 1;flex-direction:column;padding:var(--space-xl);position:relative;overflow-y:auto}.onboarding,.onboarding-ambient{display:flex;align-items:center;justify-content:center}.onboarding-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.onboarding-ambient:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.04) 0,transparent 60%);border-radius:50%}.onboarding-hero{position:relative;text-align:center;margin-bottom:var(--space-xl)}.onboarding-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-surface-high);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);font-size:28px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.onboarding-hero h2{font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--color-text);margin-bottom:4px}.onboarding-hero p{font-size:14px;color:var(--color-text-secondary);max-width:480px;margin:0 auto}.action-grid{position:relative;width:100%;max-width:720px;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-high);text-align:left;cursor:pointer;transition:border-color .15s}.action-card:hover{border-color:var(--color-text)}.action-card-icon{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary)}.action-card:hover .action-card-icon{color:var(--color-text);background:var(--color-surface-higher)}.action-card h3{font-size:16px;font-weight:500;color:var(--color-text)}.action-card p{font-size:13px;color:var(--color-outline)}.action-card .action-card-cta{margin-top:auto;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);display:flex;align-items:center;gap:4px}.action-card-subtle{border-style:dashed;background:transparent;border-color:var(--color-border-subtle);justify-content:center}.action-card-subtle h3{font-size:16px}.action-card-subtle p{font-size:13px}.template-section{position:relative;width:100%;max-width:960px}.template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);padding:0 var(--space-xs)}.template-header span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-outline);font-family:var(--font-mono)}.template-header a{font-size:13px;color:var(--color-text);text-decoration:underline;text-underline-offset:2px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.template-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-high);overflow:hidden;cursor:pointer;transition:border-color .15s}.template-card:hover{border-color:var(--color-text)}.template-preview{height:128px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);position:relative;padding:var(--space-md)}.template-preview,.template-preview-inner{display:flex;align-items:center;justify-content:center}.template-preview-inner{width:100%;height:100%;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);opacity:.5;transition:opacity .15s}.template-card:hover .template-preview-inner{opacity:1}.template-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:11px;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:2px 8px;display:flex;align-items:center;gap:4px}.template-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-text-secondary)}.template-info{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1}.template-info h4{font-size:16px;font-weight:500;color:var(--color-text)}.template-info p{font-size:13px;color:var(--color-outline);line-height:1.4;margin-bottom:var(--space-sm)}.template-meta{margin-top:auto;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-sm);display:flex;align-items:center;justify-content:space-between}.template-meta span{font-size:13px;color:var(--color-outline);font-family:var(--font-mono)}.template-meta button{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text);border:none;background:transparent;cursor:pointer}.workspace{flex:1 1}.library-panel,.workspace{display:flex;overflow:hidden}.library-panel{width:var(--library-width);border-right:1px solid var(--color-border-subtle);background:var(--color-surface);flex-direction:column;z-index:10}.library-header{padding:var(--space-md);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-sm)}.library-header-top{display:flex;align-items:center;justify-content:space-between}.library-header h2{font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.library-header h2 .icon{font-size:18px;color:var(--color-primary)}.library-search{position:relative}.library-search input{width:100%;height:30px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-high);color:var(--color-text);font-size:13px;outline:none;padding:0 var(--space-sm) 0 36px}.library-search input::placeholder{color:var(--color-outline)}.library-search .search-icon{position:absolute;left:10px;top:8px;font-size:14px;color:var(--color-outline)}.library-governed{padding:var(--space-sm);border-radius:var(--radius-md);background:rgba(102,221,140,.08);border:1px solid rgba(102,221,140,.15);display:flex;align-items:center;gap:var(--space-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary)}.library-list{flex:1 1;overflow-y:auto;padding:var(--space-sm)}.library-category{margin-bottom:var(--space-md)}.library-category h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-sm);padding:0 4px;display:flex;align-items:center;gap:6px}.library-category h3 .icon{font-size:14px}.library-blocks{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.library-block{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-sm);cursor:-webkit-grab;cursor:grab;transition:all .1s;display:flex;flex-direction:column;gap:var(--space-sm)}.library-block:hover{border-color:var(--color-primary);background:var(--color-surface-elevated)}.dashboard-catalog,.dashboard-workbench{flex:1 1;overflow:auto;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 260px),var(--color-bg)}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:24px;gap:24px;align-items:stretch;margin-bottom:18px}.dashboard-card,.dashboard-hero-main,.dashboard-hero-status,.dashboard-template-card,.dashboard-toolbar{border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface) 84%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.18)}.dashboard-hero-main{border-radius:var(--radius-lg);padding:22px 24px}.dashboard-eyebrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.dashboard-card-head em,.dashboard-chip span,.dashboard-eyebrow span,.dashboard-status-label,.dashboard-template-info>span{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-outline)}.dashboard-eyebrow span{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:3px 8px;background:var(--color-surface-high)}.dashboard-catalog-header h1,.dashboard-hero h1{color:var(--color-text);font-size:30px;line-height:1.1;font-weight:760;letter-spacing:0}.dashboard-catalog-header p,.dashboard-hero p,.dashboard-template-info p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;max-width:760px;margin-top:7px}.dashboard-hero-status{border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;justify-content:center}.dashboard-hero-status strong{margin-top:6px;color:var(--color-text);font-size:34px;line-height:1;font-family:var(--font-mono)}.dashboard-progress{margin-top:14px;height:7px;border-radius:var(--radius-full);background:var(--color-surface-highest);overflow:hidden}.dashboard-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));transition:width .24s ease}.dashboard-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:12px;padding:4px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface)}.dashboard-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:34px;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);padding:0 11px;background:transparent;color:var(--color-text-secondary);font-size:12px}.dashboard-tabs button.active,.dashboard-tabs button:hover{color:var(--color-text);background:var(--color-surface-high)}.dashboard-tabs button.active{border-color:var(--color-border-default)}.dashboard-tabs small{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-outline);font-family:var(--font-mono);font-size:10px}.dashboard-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;padding:10px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard-toolbar-left{display:flex;flex-wrap:wrap;gap:8px}.dashboard-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:0 10px;background:var(--color-surface-high)}.dashboard-chip strong{color:var(--color-text-secondary);font-size:12px;font-weight:600}.dashboard-load-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 14px;background:var(--color-text);color:var(--text-inverse);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.dashboard-load-btn:hover:not(:disabled){opacity:.92}.dashboard-load-btn:disabled{background:var(--color-surface-high);color:var(--color-outline)}.dashboard-alert{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;border:1px solid rgba(235,194,70,.32);border-radius:var(--radius-lg);background:rgba(235,194,70,.08);color:var(--color-tertiary);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:14px;gap:14px}.dashboard-card{position:relative;display:flex;min-width:0;overflow:hidden;border-radius:var(--radius-lg);padding:16px}.dashboard-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;opacity:.75;background:var(--color-border-default)}.dashboard-card--sales:before{background:var(--color-secondary)}.dashboard-card--cost:before{background:var(--color-tertiary)}.dashboard-card--lead:before{background:var(--color-primary)}.dashboard-card--media:before{background:#6db5ff}.dashboard-card--idle{cursor:pointer;background:color-mix(in srgb,var(--color-surface) 74%,transparent)}.dashboard-card--idle:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.dashboard-card--kpi,.dashboard-card--number{padding:14px 16px}.dashboard-card-error,.dashboard-card-idle,.dashboard-card-loading,.dashboard-kpi,.dashboard-number,.dashboard-table-card,.dashboard-visual{flex:1 1;min-width:0}.dashboard-card-error,.dashboard-card-idle,.dashboard-kpi,.dashboard-number{display:flex;flex-direction:column}.dashboard-kpi{justify-content:space-between;gap:10px}.dashboard-card-head,.dashboard-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-card-head span,.dashboard-kpi-top span,.dashboard-number span{color:var(--color-text-secondary);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.dashboard-kpi-top small{color:var(--color-outline);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.dashboard-kpi strong,.dashboard-number strong{color:var(--color-text);font-family:var(--font-mono);font-size:clamp(24px,2.4vw,36px);line-height:1;letter-spacing:0}.dashboard-number{justify-content:center;gap:7px}.dashboard-card-head small,.dashboard-number small{display:block;margin-top:3px;color:var(--color-outline);font-size:12px;line-height:1.35}.dashboard-delta{width:max-content;border-radius:var(--radius-full);padding:2px 8px;font-family:var(--font-mono);font-size:11px}.dashboard-delta--up{color:var(--color-secondary);background:rgba(102,221,140,.08)}.dashboard-delta--down{color:var(--color-error);background:rgba(255,180,171,.08)}.dashboard-sparkline{margin-top:auto}.dashboard-table-card,.dashboard-visual{display:flex;flex-direction:column;min-height:0}.dashboard-card-head{margin-bottom:12px}.dashboard-card-head em{font-style:normal;white-space:nowrap}.dashboard-chart{flex:1 1;min-height:150px}.dashboard-donut-layout{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,.8fr);grid-gap:12px;gap:12px;align-items:stretch}.dashboard-legend{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0}.dashboard-legend div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px}.dashboard-legend span{width:9px;height:9px;border-radius:2px}.dashboard-legend p{overflow:hidden;color:var(--color-text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard-legend strong{color:var(--color-text);font-family:var(--font-mono);font-size:11px}.dashboard-table-wrap{flex:1 1;min-height:0;overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.dashboard-table-wrap table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.dashboard-table-wrap thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:8px 10px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-high);color:var(--color-outline);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.dashboard-table-wrap tbody td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.045);color:var(--color-text-secondary);white-space:nowrap}.dashboard-table-wrap tbody tr:nth-child(2n) td{background:rgba(255,255,255,.018)}.dashboard-table-wrap tbody tr:hover td{background:var(--color-surface-high);color:var(--color-text)}.dashboard-table-wrap .is-num{text-align:right;font-family:var(--font-mono)}.dashboard-card-error,.dashboard-card-idle{align-items:flex-start;justify-content:center;gap:7px;min-height:100%}.dashboard-card-error span,.dashboard-card-idle span{color:var(--color-outline);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dashboard-card-error strong,.dashboard-card-idle strong{color:var(--color-text);font-size:16px;line-height:1.25}.dashboard-card-error p,.dashboard-card-idle p{color:var(--color-text-muted);font-size:12px;line-height:1.4}.dashboard-card-error button,.dashboard-card-idle button{margin-top:4px;min-height:28px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-high);color:var(--color-text);padding:0 10px;font-size:12px;font-weight:650}.dashboard-card-loading{display:flex;flex-direction:column;justify-content:center;gap:10px}.dashboard-skeleton{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface-high)}.dashboard-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:dashboard-shimmer 1.2s infinite}.dashboard-skeleton-value{width:42%;height:30px}.dashboard-skeleton-text{width:68%;height:12px}.dashboard-skeleton-chart{width:100%;height:70px}.dashboard-empty{margin:auto;color:var(--color-text-muted);font-size:12px}@keyframes dashboard-shimmer{to{transform:translateX(100%)}}.dashboard-catalog-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.dashboard-catalog-header>div>span{display:block;margin-bottom:7px;color:var(--color-outline);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dashboard-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:16px;gap:16px}.dashboard-template-card{display:flex;flex-direction:column;min-height:360px;overflow:hidden;border-radius:var(--radius-lg);text-decoration:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}.dashboard-template-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.dashboard-template-preview{position:relative;height:168px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(135deg,rgba(189,194,255,.09),transparent 52%),var(--color-bg)}.dashboard-template-mini{width:78%;height:68%;display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:rgba(0,0,0,.16)}.dashboard-template-approved{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;border:1px solid rgba(102,221,140,.28);border-radius:var(--radius-full);background:rgba(102,221,140,.08);color:var(--color-secondary);padding:3px 9px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-template-approved span{width:6px;height:6px;border-radius:50%;background:var(--color-secondary)}.dashboard-template-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.dashboard-template-info h3{color:var(--color-text);font-size:18px;font-weight:720;line-height:1.2}.dashboard-template-info div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-subtle)}.dashboard-template-info small{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;line-height:1.4}.dashboard-template-info strong{color:var(--color-text);font-size:12px;text-transform:uppercase;letter-spacing:.08em}@media (max-width:1100px){.dashboard-hero{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-card{grid-column:span 6!important}}@media (max-width:720px){.dashboard-catalog,.dashboard-workbench{padding:16px}.dashboard-catalog-header,.dashboard-toolbar{align-items:stretch;flex-direction:column}.dashboard-donut-layout,.dashboard-grid,.dashboard-template-grid{grid-template-columns:1fr}.dashboard-card{grid-column:span 1!important}}.library-block:active{cursor:-webkit-grabbing;cursor:grabbing}.library-block-preview{height:48px;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface-high);display:flex;align-items:center;justify-content:center;overflow:hidden}.library-block-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);text-align:center;transition:color .1s}.library-block:hover .library-block-name{color:var(--color-primary)}.library-block-single,.library-block-wide{grid-column:1/-1}.canvas-area{flex:1 1;overflow:auto;position:relative;background-color:var(--color-bg);background-image:radial-gradient(circle,var(--color-border-subtle) 1px,transparent 1px);background-size:24px 24px}.canvas-inner{min-height:100%;padding:var(--space-lg)}.canvas-area--fullscreen{position:fixed;inset:0;z-index:50;background:var(--color-bg)}.canvas-empty{border:2px dashed var(--color-border-subtle);border-radius:var(--radius-xl);min-height:600px;flex-direction:column;text-align:center;gap:var(--space-sm);padding:var(--space-xl)}.canvas-empty,.canvas-empty-icon{display:flex;align-items:center;justify-content:center}.canvas-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--color-surface-high);border:1px solid var(--color-border-default);font-size:30px;color:var(--color-outline);margin-bottom:var(--space-sm)}.canvas-empty h3{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.canvas-empty p{font-size:14px;color:var(--color-text-secondary);max-width:420px}.canvas-hint-grid{margin-top:var(--space-lg);width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);opacity:.15;pointer-events:none}.canvas-hint-cell{height:96px;border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:var(--color-surface-elevated)}.canvas-hint-cell-wide{grid-column:span 2}.canvas-hint-cell-full{grid-column:span 3;height:128px}.canvas-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:var(--space-md);gap:var(--space-md);min-height:400px}.canvas-block{position:relative;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;cursor:pointer;transition:border-color .1s,box-shadow .1s;display:flex;flex-direction:column}.canvas-block:hover{border-color:var(--color-border-default);box-shadow:0 0 0 1px var(--color-border-default)}.canvas-block.selected{border-color:var(--color-primary);box-shadow:0 0 0 1.5px var(--color-primary),0 4px 16px rgba(189,194,255,.1)}.canvas-block-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);flex-shrink:0}.canvas-block-header-left{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:500;color:var(--color-text)}.canvas-block-header-left .block-icon{font-size:14px;color:var(--color-text-secondary);font-weight:600}.canvas-block-header-right button{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.canvas-block-header-right button:hover{background:var(--color-surface-higher);color:var(--color-error)}.canvas-block-body{padding:var(--space-md);min-height:60px;flex:1 1}.datasource-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);font-size:13px}.datasource-bar label{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.datasource-bar select{flex:1 1;height:28px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:12px;padding:0 var(--space-sm);outline:none}.datasource-bar select:focus{border-color:var(--color-primary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 12px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .1s}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-high);color:var(--color-text);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .1s}.btn-secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface-higher)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .1s}.btn-ghost:hover{background:var(--color-surface-high);color:var(--color-text)}.primary-button{@extend .btn-primary}.secondary-button{@extend .btn-secondary}.ghost-button{@extend .btn-ghost}.kpi-block{display:flex;flex-direction:column;gap:var(--space-xs)}.kpi-value{font-size:36px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--color-text)}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-family:var(--font-mono)}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;margin-top:2px}.kpi-delta.up{color:var(--color-secondary)}.kpi-delta.down{color:var(--color-error)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-high) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px}.skeleton-value{height:40px;width:50%}.skeleton-chart{height:120px}.state-empty{color:var(--color-text-secondary)}.state-empty,.state-error{text-align:center;padding:var(--space-lg);font-size:13px}.state-error{color:var(--color-error)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:100}.modal{width:480px;border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface-elevated);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal h2{font-size:20px;font-weight:600;color:var(--color-text)}.modal label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text-secondary)}.modal input{height:var(--control-height);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:0 var(--space-sm);font-size:13px;outline:none}.modal input:focus{border-color:var(--color-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--color-surface-highest);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text);font-size:12px;padding:4px 8px;white-space:nowrap;pointer-events:none}.mt-auto{margin-top:auto}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.text-muted{color:var(--color-text-secondary)}.text-mono{font-family:var(--font-mono);font-size:13px}.flow-container{display:flex;align-items:center;gap:4px;padding:8px 0;overflow-x:auto}.flow-node{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);font-size:11px;font-weight:500;color:var(--color-text);white-space:nowrap}.flow-node.source{border-color:var(--color-primary);background:rgba(189,194,255,.08);color:var(--color-primary)}.flow-node.transform{border-color:var(--color-tertiary);background:rgba(235,194,70,.08);color:var(--color-tertiary)}.flow-node.destination{border-color:var(--color-secondary);background:rgba(102,221,140,.08);color:var(--color-secondary)}.flow-arrow{color:var(--color-border-default);font-size:14px;flex-shrink:0}.funnel-stage{padding:8px 12px;margin-bottom:2px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);font-size:13px;color:var(--color-text)}.canvas-toolbar,.funnel-stage{display:flex;align-items:center;justify-content:space-between}.canvas-toolbar{gap:8px;margin-bottom:16px}.ai-generate{width:100%;max-width:640px;margin:0 auto}.ai-generate-input{width:100%;resize:vertical;min-height:84px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-surface-elevated);color:var(--color-text);font-family:var(--font-ui);font-size:15px;line-height:1.5}.ai-generate-input:focus{outline:none;border-color:var(--color-primary)}.ai-generate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.ai-generate-examples{display:flex;gap:8px;flex-wrap:wrap;flex:1 1}.ai-generate-model{padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:var(--font-ui)}.ai-generate-model:focus{outline:none;border-color:var(--color-primary)}.ai-generate-chip{padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.ai-generate-chip:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-text)}.ai-generate-error{margin-top:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-error-container);color:var(--color-error);font-size:13px}.ai-generate-divider{display:flex;align-items:center;gap:12px;margin:28px auto;max-width:640px;color:var(--color-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.ai-generate-divider:after,.ai-generate-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border-subtle)}.ai-preview-card{text-align:left;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-elevated);padding:24px}.ai-preview-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.ai-preview-header h3{margin:6px 0 4px;font-family:var(--font-display)}.ai-preview-header p{color:var(--color-text-secondary);font-size:14px}.ai-preview-blocks{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:8px}.ai-preview-block{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle)}.ai-preview-block-type{font-size:11px;font-weight:600;color:var(--color-text);background:var(--color-surface-high);border-radius:var(--radius-sm);padding:3px 8px;white-space:nowrap}.ai-preview-block-title{flex:1 1;font-size:14px;color:var(--color-text)}.ai-preview-block-meta{white-space:nowrap}.ai-preview-block-meta,.ai-preview-sources{font-size:12px;color:var(--color-text-muted)}.ai-preview-sources{margin-bottom:18px}.ai-preview-actions{display:flex;align-items:center;gap:12px}.dashboard-card-head-actions{display:flex;align-items:center;gap:8px}.dashboard-export-btn{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:11px;font-family:Geist Mono,monospace;color:var(--color-text-muted,#908f9e);background:transparent;border:1px solid var(--color-border,#323537);border-radius:6px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.dashboard-export-btn:hover{color:var(--color-text,#e1e2e5);border-color:var(--color-border-strong,#454652);background:var(--color-surface,#1d2022)}