.sua-container{padding:var(--space-8) var(--space-10);margin-bottom:var(--space-6)}.sua-header{text-align:center;margin-bottom:var(--space-6)}.sua-header-tag{font-family:var(--font-data);font-size:10px;color:var(--sur-cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-2)}.sua-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--sur-text-primary);margin-bottom:var(--space-2)}.sua-dot{color:var(--sur-cyan)}.sua-subtitle{font-size:var(--text-sm);color:var(--sur-text-secondary);font-weight:300;max-width:560px;margin:0 auto;line-height:1.6}.sua-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.sua-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;border:1px solid var(--chip-color);color:var(--chip-color);font-family:var(--font-data);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:transparent;transition:background .2s ease}.sua-chip:hover{background:color-mix(in srgb,var(--chip-color) 10%,transparent)}.sua-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--chip-color);flex-shrink:0}.sua-sources-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--sur-border-1)}.sua-sources-label{font-family:var(--font-data);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--sur-text-tertiary)}.sua-source-tag{font-family:var(--font-data);font-size:10px;color:var(--sur-text-secondary);padding:2px 8px;background:var(--sur-surface-2);border-radius:4px;border:1px solid var(--sur-border-1)}.dashboard-container{max-width:var(--max-content-lg);margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-12);border-bottom:1px solid var(--sur-border-1);padding-bottom:var(--space-8)}.dashboard-header-left{flex:1;min-width:280px}.dashboard-title{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--sur-text-primary);margin-bottom:var(--space-4)}.dashboard-title-dot{color:var(--sur-cyan)}.dashboard-subtitle{font-size:var(--text-md);color:var(--sur-text-secondary);font-weight:400;max-width:640px;line-height:1.6}.dashboard-science-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.dashboard-stat-card{padding:var(--space-6)}.dashboard-stat-label{display:flex;align-items:center;gap:var(--space-3);color:var(--sur-text-secondary);margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);text-transform:none;letter-spacing:normal;font-weight:500}.dashboard-stat-value{font-family:var(--font-data);font-size:var(--text-xl);font-weight:700;color:var(--sur-text-primary)}.chart-card{padding:var(--space-6);margin-bottom:var(--space-6)}.chart-card--compact{padding:var(--space-8);margin-bottom:var(--space-6)}.chart-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;text-align:center;margin-bottom:var(--space-6)}.chart-card-title--left{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-8)}.chart-section-header{display:flex;align-items:center;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-2)}.chart-section-caption{font-size:var(--text-sm);color:var(--sur-text-tertiary);margin-bottom:var(--space-8);text-align:center}.chart-section-title{font-family:var(--font-data);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--sur-text-secondary);margin-bottom:var(--space-6)}.chart-section-title--center{text-align:center}.chart-two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-12)}.chart-divider-left{border-left:1px solid var(--sur-border-1);padding-left:var(--space-12)}.chart-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10)}.chart-legend{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-4)}.chart-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.chart-legend-dot{width:12px;height:12px;border-radius:var(--radius-sm)}.pie-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.pie-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);color:var(--sur-text-tertiary)}.pie-legend-dot{width:6px;height:6px;border-radius:50%}.bar-progress{margin-bottom:var(--space-3)}.bar-progress-header{display:flex;justify-content:space-between;font-size:var(--text-xs);margin-bottom:var(--space-1)}.bar-progress-label{color:var(--sur-text-secondary)}.bar-progress-value{color:var(--sur-text-primary);font-weight:600}.bar-progress-track{height:4px;background:var(--sur-surface-3);border-radius:2px}.bar-progress-fill{height:100%;border-radius:2px}.chart-footnote{margin-top:var(--space-4);font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-align:center}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:var(--space-4)}.dashboard-loading-label{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-cyan);letter-spacing:.1em;text-transform:uppercase}@media(max-width:1024px){.chart-two-col{grid-template-columns:1fr}.chart-divider-left{border-left:none;padding-left:0;border-top:1px solid var(--sur-border-1);padding-top:var(--space-8)}.chart-three-col{grid-template-columns:1fr}}@media(max-width:768px){.chart-card{padding:var(--space-6)}.chart-card-title{font-size:var(--text-xl)}}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease;padding:var(--space-4)}.panel-container{background:var(--sur-surface-1);border:1px solid var(--sur-border-2);box-shadow:0 32px 80px #0006,0 0 0 1px var(--sur-border-1);border-radius:var(--radius-xl, 20px);overflow:hidden;z-index:1001;display:flex;flex-direction:column;animation:zoomIn .3s cubic-bezier(.16,1,.3,1) forwards}[data-theme=light] .panel-container{background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 20px 60px #00000040}.ud-panel{width:100%;max-width:1040px;height:92vh;max-height:92vh}.ud-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--sur-border-1);background:var(--sur-surface-2);gap:var(--space-4);flex-shrink:0}.ud-header-main{display:flex;align-items:center;gap:var(--space-4);min-width:0}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sur-purple, #7c3aed),var(--sur-cyan, #4f46e5));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .3))}.ud-header-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ud-header-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ud-name{font-size:var(--text-xl);font-weight:700;color:var(--sur-text-primary, var(--text-primary));margin:0;letter-spacing:-.01em}.ud-header-meta{font-size:var(--text-xs);color:var(--sur-text-tertiary, var(--text-muted));letter-spacing:.04em}.ud-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.ud-toggle{background:transparent;border:1px solid var(--sur-border-2);color:var(--sur-text-secondary, var(--text-muted));cursor:pointer;padding:6px 12px;border-radius:var(--radius-full, 999px);font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:all .2s}.ud-toggle:hover{border-color:var(--sur-cyan);color:var(--sur-cyan)}.ud-toggle-on{background:var(--sur-cyan);border-color:var(--sur-cyan);color:#fff}.ud-toggle-on:hover{color:#fff}.btn-close{background:var(--bg-tertiary, var(--sur-surface-1));border:1px solid var(--sur-border-2);color:var(--sur-text-tertiary, var(--text-muted));cursor:pointer;padding:8px;border-radius:var(--radius-md, 10px);display:flex;align-items:center;transition:all .2s}.btn-close:hover{background:#ef444426;color:#ef4444;border-color:#ef4444}.ud-body{padding:var(--space-6);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.ud-hero{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.ud-hero-narrative{background:var(--sur-surface-1);border-left:3px solid var(--sur-purple, var(--accent-primary));border-radius:0 var(--radius-lg, 12px) var(--radius-lg, 12px) 0;padding:var(--space-5)}.ud-hero-pains{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg, 12px);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ud-hero-label{font-size:var(--text-2xs, 10px);font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--sur-purple, var(--accent-primary));display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.ud-hero-label-warning{color:var(--sur-warning, #f59e0b)}.ud-hero-sublabel{font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sur-text-tertiary, var(--text-muted));margin-top:var(--space-4);margin-bottom:var(--space-1)}.ud-hero-text{font-size:var(--text-md, 16px);line-height:1.55;color:var(--sur-text-primary, var(--text-primary));font-style:italic;margin:0}.ud-hero-quote{font-size:var(--text-sm);color:var(--sur-text-secondary, var(--text-muted));margin:0;font-style:italic}.ud-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.ud-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5)}.ud-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ud-field-wide{grid-column:1 / -1}.ud-field-label{font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sur-text-tertiary, var(--text-muted))}.ud-field-value{font-size:var(--text-sm, 13px);color:var(--sur-text-primary, var(--text-primary));line-height:1.45;word-break:break-word}.ud-empty{color:var(--sur-text-tertiary, var(--text-muted));opacity:.5}.ud-muted{color:var(--sur-text-secondary, var(--text-muted));font-size:var(--text-xs)}.ud-stack{display:flex;flex-direction:column;gap:var(--space-2)}.ud-inline{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ud-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ud-chip{font-size:var(--text-2xs, 10px)!important}.ud-gauge{display:flex;align-items:center;gap:var(--space-3);width:100%}.ud-gauge-label{font-size:var(--text-2xs, 10px);color:var(--sur-text-tertiary, var(--text-muted));text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.ud-gauge-track{flex:1;height:6px;background:var(--sur-border-1);border-radius:var(--radius-full, 999px);overflow:hidden;min-width:60px}.ud-gauge-fill{height:100%;background:linear-gradient(90deg,var(--sur-cyan, #06b6d4),var(--sur-purple, #7c3aed));transition:width .3s}.ud-gauge-value{font-family:var(--font-data, monospace);font-size:var(--text-xs);font-weight:700;color:var(--sur-text-primary, var(--text-primary));flex-shrink:0}.ud-big5{display:flex;flex-direction:column;gap:var(--space-2)}.ud-big5-row{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:var(--space-3)}.ud-big5-label{font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sur-text-secondary)}.ud-big5-bars{display:flex;gap:2px;height:6px}.ud-big5-cell{flex:1;background:var(--sur-border-1);border-radius:2px;transition:background .2s}.ud-big5-on{background:var(--sur-purple, #7c3aed)}.ud-big5-score{font-family:var(--font-data, monospace);font-size:var(--text-xs);color:var(--sur-text-tertiary);text-align:right}.ud-inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-1) var(--space-3)}.ud-inst-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:4px 0;border-bottom:1px dashed var(--sur-border-1)}.ud-inst-name{font-size:var(--text-xs);color:var(--sur-text-secondary, var(--text-muted));text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ud-motiv-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ud-motiv-list li{padding:var(--space-2) var(--space-3);background:var(--sur-surface-2);border-left:2px solid var(--sur-cyan);border-radius:var(--radius-sm, 6px);font-size:var(--text-sm);line-height:1.45}.ud-medios-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px dashed var(--sur-border-1)}.ud-medios-row:last-child{border-bottom:none}.ud-medios-label{font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sur-text-tertiary, var(--text-muted))}.ud-metadata{opacity:.7;border-top:1px dashed var(--sur-border-1);padding-top:var(--space-5);margin-top:var(--space-2)}.ud-meta-note{margin-top:var(--space-3);font-size:var(--text-2xs, 10px);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-data, monospace);color:var(--sur-text-tertiary, var(--text-muted))}@media(max-width:1024px){.ud-groups,.ud-hero{grid-template-columns:1fr}}@media(max-width:640px){.ud-grid{grid-template-columns:1fr}.ud-field-wide{grid-column:1}.ud-header{flex-direction:column;align-items:flex-start}.ud-big5-row{grid-template-columns:90px 1fr 32px}.ud-panel{height:100vh;max-height:100vh;border-radius:0}.panel-overlay{padding:0}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--sur-border-2);border-radius:var(--radius-full, 999px)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--sur-text-tertiary)}@keyframes zoomIn{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.section-block{background:var(--sur-surface-1);border:1px solid var(--sur-border-2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.section-block-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.12em;padding-bottom:12px;border-bottom:1px solid var(--sur-border-1)}.inv-header-accent{width:60px;height:4px;background:var(--sur-cyan);margin-top:var(--space-2)}.sur-tabs-container{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);background:var(--sur-surface-1);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--sur-border-1);width:fit-content}.sur-tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;color:var(--sur-text-tertiary);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:.05em;cursor:pointer;border-radius:var(--radius-md);transition:var(--ease-2)}.sur-tab-btn:hover{color:var(--sur-text-secondary);background:var(--sur-surface-2)}.sur-tab-btn.active{color:var(--sur-cyan);background:var(--sur-cyan-dim)}.tab-count{background:var(--sur-surface-3);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-family:var(--font-data);color:var(--sur-text-tertiary)}.sur-tab-btn.active .tab-count{background:var(--sur-cyan);color:var(--sur-void)}.inv-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.inv-section-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-data);font-size:var(--text-xs);font-weight:500;color:var(--sur-text-secondary);text-transform:uppercase;letter-spacing:.1em}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.inv-card{cursor:default}.inv-card--persona{cursor:pointer;transition:var(--ease-2)}.inv-card--persona:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--sur-cyan)}.inv-card--persona:focus{outline:2px solid var(--sur-cyan);outline-offset:2px}.inv-card-id{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-cyan);letter-spacing:.08em;margin-bottom:var(--space-1)}.inv-card-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--sur-text-primary);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--sur-surface-2);border-radius:var(--radius-md);border:1px solid var(--sur-border-1)}.inv-stat{display:flex;flex-direction:column;gap:2px}.inv-stat-label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.inv-stat-value{font-family:var(--font-data);font-size:var(--text-sm);font-weight:600;color:var(--sur-text-primary)}.inv-stat-value--score{font-size:var(--text-md)}.show-more-dashed-btn{width:100%;padding:var(--space-4);background:transparent;border:1px dashed var(--sur-border-2);border-radius:var(--radius-lg);color:var(--sur-text-tertiary);font-family:var(--font-data);font-size:var(--text-xs);letter-spacing:.1em;cursor:pointer;transition:var(--ease-2);margin-bottom:var(--space-6)}.show-more-dashed-btn:hover{border-color:var(--sur-cyan);color:var(--sur-cyan);background:var(--sur-cyan-dim)}@media(max-width:1280px){.inv-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.inv-grid{grid-template-columns:1fr}.sur-tabs-container{width:100%}.sur-tab-btn{flex:1;justify-content:center}}.home-container{width:100%}.home-title{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--sur-text-primary);margin-bottom:var(--space-4)}.home-title-dot{color:var(--sur-cyan)}.home-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-12)}.home-metric-value{font-size:var(--text-xl)!important}.home-actions{display:flex;gap:var(--space-6);justify-content:center;padding-top:var(--space-12);border-top:1px solid var(--sur-border-1)}.home-action-btn{min-width:280px;height:56px;font-size:var(--text-md)!important;letter-spacing:.05em;justify-content:center}@media(max-width:1280px){.home-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.home-metrics{grid-template-columns:repeat(2,1fr)}.home-actions{flex-direction:column;align-items:center}.home-action-btn{min-width:0;width:100%;max-width:400px}}@media(max-width:640px){.home-container{padding:var(--space-6) var(--space-4)}.home-metrics{grid-template-columns:1fr}}.db-container{position:relative}.db-header{margin-bottom:var(--space-6)}.db-header-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.db-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--sur-text-primary);margin-bottom:var(--space-1)}.db-subtitle{color:var(--sur-text-tertiary);font-size:var(--text-sm)}.db-search-row{display:flex;gap:var(--space-3);align-items:center}.db-search-wrapper{position:relative}.db-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sur-text-tertiary);pointer-events:none}.db-search-input{padding-left:36px;width:300px}.db-filter-panel{padding:var(--space-6);margin-bottom:var(--space-5);animation:fadeIn .2s ease}.db-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-6)}.db-filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.db-filter-label{margin-bottom:var(--space-2)!important}.db-filter-scroll{display:flex;flex-wrap:wrap;gap:var(--space-1);max-height:100px;overflow-y:auto;padding:var(--space-2);background:var(--sur-void);border-radius:var(--radius-sm);border:1px solid var(--sur-border-2)}.db-filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.db-filter-pill{padding:4px 10px;font-size:var(--text-xs);font-family:var(--font-data);background:var(--sur-surface-2);color:var(--sur-text-tertiary);border:1px solid var(--sur-border-2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--ease-1);white-space:nowrap}.db-filter-pill:hover{color:var(--sur-text-primary);border-color:var(--sur-border-3)}.db-filter-pill.active{background:var(--sur-cyan-dim);color:var(--sur-cyan);border-color:var(--sur-cyan)}.db-selection-bar{position:sticky;top:var(--space-4);z-index:var(--z-sticky);background:var(--sur-cyan-dim);border:1px solid var(--sur-cyan);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);margin-bottom:var(--space-5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:var(--backdrop-sm);backdrop-filter:var(--backdrop-sm);animation:fadeIn .25s ease}.db-selection-info{display:flex;align-items:center;gap:var(--space-4)}.db-selection-count{width:32px;height:32px;background:var(--sur-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--sur-text-inverse);font-weight:800;font-family:var(--font-data);font-size:var(--text-sm);flex-shrink:0}.db-selection-title{font-weight:700;color:var(--sur-cyan);font-size:var(--text-sm);letter-spacing:.05em}.db-selection-subtitle{font-size:var(--text-xs);color:var(--sur-text-secondary)}.db-selection-actions{display:flex;gap:var(--space-3)}.db-table-card{padding:0;overflow:hidden}.db-row--selected td{background:var(--sur-cyan-dim)!important}.db-user-name{font-weight:600;color:var(--sur-text-primary)}.db-user-name--selected{color:var(--sur-cyan)}.db-narrative-cell{max-width:280px}.db-narrative-quote{font-size:var(--text-xs);color:var(--sur-text-secondary);font-style:italic;line-height:1.4}.db-narrative-body{font-size:9px;color:var(--sur-text-tertiary);margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-text-secondary{color:var(--sur-text-secondary);font-size:var(--text-sm)}.db-text-muted{font-size:var(--text-2xs);color:var(--sur-text-tertiary)}.db-exp-bar{display:flex;gap:2px}.db-exp-segment{width:12px;height:4px;border-radius:2px}.db-pagination{padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sur-border-1);background:var(--sur-surface-1)}.db-pagination-info{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-tertiary)}.db-pagination-controls{display:flex;gap:var(--space-2)}.db-loading-dialog{background:var(--sur-surface-1);border:1px solid var(--sur-cyan);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.db-loading-label{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-cyan);letter-spacing:.1em;text-transform:uppercase}@media(max-width:1200px){.db-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.db-header-top{flex-direction:column;align-items:flex-start}.db-search-row,.db-search-input{width:100%}.db-filter-grid{grid-template-columns:1fr}.db-selection-bar{flex-direction:column;align-items:flex-start}.db-selection-actions{width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.investigation-wizard-container{max-width:1000px;margin:0 auto;padding:0 var(--space-4)}.wizard-modal-content{width:1200px;max-width:95%;height:90vh;background:var(--sur-base);border:1px solid var(--sur-border-1);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.wizard-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--sur-border-1);display:flex;justify-content:space-between;align-items:center;background:var(--sur-surface-1)}.wizard-scroll-area{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-6)}.step-indicator-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--sur-border-1);background:var(--sur-surface-1);border-radius:var(--radius-md)}.step-dot{width:42px;height:42px;padding:10px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-md);font-weight:700;font-family:var(--font-data);border:1px solid var(--sur-border-2);background:var(--sur-void);color:var(--sur-text-tertiary);transition:all .3s ease}.step-dot.active{background:var(--sur-cyan);border-color:var(--sur-cyan);color:var(--sur-void);box-shadow:var(--shadow-sm)}.step-dot.completed{background:var(--sur-positive);border-color:var(--sur-positive);color:var(--sur-void)}.step-info{display:flex;flex-direction:column}.step-tag{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-data);color:var(--sur-text-tertiary)}.step-dot.active+.step-info .step-tag{color:var(--sur-cyan)}.step-label{font-size:var(--text-md);font-weight:600;color:var(--sur-text-secondary);font-family:var(--font-display)}.step-dot.active+.step-info .step-label{color:var(--sur-text-primary)}.step-connector{width:32px;height:1px;background:var(--sur-border-2);opacity:.5}.step-connector.completed{background:var(--sur-positive);opacity:1}.compact-form-card{padding:var(--space-6);background:var(--sur-surface-1);border:1px solid var(--sur-border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.investigation-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;color:var(--sur-text-primary);margin-bottom:var(--space-1)}.investigation-subtitle{color:var(--sur-text-tertiary);font-size:var(--text-sm);font-weight:300;margin-bottom:var(--space-6)}.hero-icon-box{display:inline-flex;padding:var(--space-4);background:var(--sur-cyan-dim);border-radius:var(--radius-md);color:var(--sur-cyan);margin-bottom:var(--space-4);border:1px solid var(--sur-cyan-dim)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;animation:fadeIn .5s ease}.loader-dna{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.dna-dot{width:12px;height:12px;border-radius:50%;background:var(--sur-cyan);box-shadow:0 0 15px var(--sur-cyan);animation:dna-pulse 1.5s infinite ease-in-out}.dna-dot:nth-child(2){animation-delay:.2s}.dna-dot:nth-child(3){animation-delay:.4s}@keyframes dna-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:1;filter:blur(2px)}}.loader-tag{font-family:var(--font-data);font-size:11px;color:var(--sur-cyan);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-4)}.loader-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--sur-text-primary);margin-bottom:var(--space-6);min-height:1.4em}.loader-progress-track{width:320px;height:4px;background:var(--sur-void);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-6);border:1px solid var(--sur-border-1)}.loader-progress-fill{height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--sur-cyan),transparent);animation:progress-shimmer 2s infinite linear}@keyframes progress-shimmer{0%{transform:translate(-150%)}to{transform:translate(250%)}}.loader-description{color:var(--sur-text-tertiary);max-width:480px;font-size:var(--text-base);line-height:1.6;font-weight:300}.vpoc-container{padding:var(--space-10) var(--space-12);max-width:1200px;margin:0 auto;color:var(--sur-text-primary)}.vpoc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10)}.vpoc-title{font-size:32px;font-weight:700;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.vpoc-subtitle{color:var(--sur-text-tertiary)}.vpoc-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}.vpoc-panel{background:var(--sur-surface-1);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--sur-border-2)}.vpoc-panel-title{font-size:20px;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.vpoc-preview-area{display:flex;flex-direction:column;gap:var(--space-5)}.vpoc-field{margin-bottom:var(--space-5)}.vpoc-label{display:block;color:var(--sur-text-tertiary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.vpoc-input{width:100%;background:var(--sur-void);border:1px solid var(--sur-border-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--sur-text-primary);font-size:var(--text-sm)}.vpoc-input:focus{outline:none;border-color:var(--sur-cyan)}.vpoc-textarea{width:100%;height:100px;background:var(--sur-void);border:1px solid var(--sur-border-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--sur-text-primary);resize:none;font-size:var(--text-sm);margin-bottom:var(--space-8)}.vpoc-textarea:focus{outline:none;border-color:var(--sur-cyan)}.vpoc-url-wrapper{position:relative}.vpoc-url-icon{position:absolute;left:12px;top:14px;color:var(--sur-text-tertiary)}.vpoc-url-input{padding-left:40px}.vpoc-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);background:var(--sur-void);padding:var(--space-1);border-radius:var(--radius-md)}.vpoc-tab{flex:1;padding:var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--sur-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--ease-2);font-size:var(--text-sm)}.vpoc-tab:hover{background:var(--sur-surface-2)}.vpoc-tab--active{background:var(--sur-cyan);color:var(--sur-void)}.vpoc-interview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.vpoc-interview-list{display:flex;flex-direction:column;gap:var(--space-4);max-height:400px;overflow-y:auto;padding-right:var(--space-3)}.vpoc-question-block{background:var(--sur-void);border:1px solid var(--sur-border-2);padding:var(--space-4);border-radius:var(--radius-md)}.vpoc-question-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.vpoc-question-type{background:var(--sur-surface-1);color:var(--sur-text-primary);border:1px solid var(--sur-border-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.vpoc-question-input{width:100%;background:var(--sur-void);border:1px solid var(--sur-border-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--sur-text-primary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.vpoc-question-options{width:100%;background:var(--sur-void);border:1px solid var(--sur-border-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--sur-text-secondary);font-size:var(--text-xs)}.vpoc-upload-zone{flex:1;border:2px dashed var(--sur-border-3);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sur-void);overflow:hidden;position:relative;cursor:pointer;min-height:400px;transition:var(--ease-2)}.vpoc-upload-zone:hover{border-color:var(--sur-cyan);background:var(--sur-cyan-dim)}.vpoc-upload-icon{background:var(--sur-surface-1);padding:var(--space-5);border-radius:50%;margin-bottom:var(--space-5)}.vpoc-upload-text{color:var(--sur-text-tertiary);font-weight:500}.vpoc-upload-hint{color:var(--sur-border-3);font-size:var(--text-xs);margin-top:var(--space-2)}.vpoc-placeholder{flex:1;background:var(--sur-void);border:1px solid var(--sur-border-2);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;min-height:400px}.vpoc-placeholder-icon{background:var(--sur-surface-1);padding:var(--space-8);border-radius:50%;margin-bottom:var(--space-6)}.vpoc-placeholder-title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.vpoc-placeholder-desc{color:var(--sur-text-tertiary);max-width:300px;line-height:1.6}.vpoc-placeholder-stats{margin-top:var(--space-5);display:flex;gap:var(--space-3)}.vpoc-stat-chip{background:var(--sur-surface-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--sur-border-2);text-align:center}.vpoc-stat-chip-num{font-size:var(--text-lg);font-weight:700}.vpoc-stat-chip-label{font-size:var(--text-2xs);color:var(--sur-text-tertiary);font-family:var(--font-data)}.vpoc-run-btn{width:100%;padding:var(--space-5);background:var(--sur-cyan);color:var(--sur-void);border:none;border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);box-shadow:var(--shadow-md);transition:var(--ease-2)}.vpoc-run-btn:hover:not(:disabled){opacity:.85}.vpoc-run-btn:disabled{background:var(--sur-surface-3);color:var(--sur-text-tertiary);cursor:not-allowed;box-shadow:none}.vpoc-loading{text-align:center;padding:100px var(--space-5);background:var(--sur-surface-1);border-radius:var(--radius-lg);margin-top:var(--space-8)}.vpoc-loading-spinner{position:relative;width:80px;height:80px;margin:0 auto var(--space-8)}.vpoc-loading-eye{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vpoc-loading-step{font-size:var(--text-xl);margin-bottom:var(--space-3)}.vpoc-loading-hint{color:var(--sur-text-tertiary)}.vpoc-error{margin:var(--space-10) 0;padding:var(--space-6);background:rgba(var(--sur-critical-rgb, 220, 38, 38),.1);border:1px solid var(--sur-critical);border-radius:var(--radius-lg);color:var(--sur-critical)}.vpoc-error-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.vpoc-error-title{font-size:var(--text-lg);font-weight:700}.vpoc-results{animation:fadeIn .5s ease-out}.vpoc-results-top{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}.vpoc-results-top--with-heatmap{grid-template-columns:1.2fr 1fr}.vpoc-result-card{background:var(--sur-surface-1);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--sur-border-2)}.vpoc-result-card-title{font-size:var(--text-xl);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.vpoc-summary-text{color:var(--sur-text-secondary);line-height:1.8;font-size:var(--text-md);background:var(--sur-void);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--sur-border-2);white-space:pre-wrap}.vpoc-metrics-row{margin-top:var(--space-5);display:flex;gap:var(--space-5)}.vpoc-metric{flex:1;background:var(--sur-surface-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--sur-border-2);text-align:center}.vpoc-metric-label{font-size:var(--text-xs);color:var(--sur-text-tertiary);margin-bottom:var(--space-1);font-family:var(--font-data);text-transform:uppercase}.vpoc-metric-value{font-size:32px;font-weight:700}.vpoc-heatmap-card{background:var(--sur-surface-1);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--sur-border-2)}.vpoc-heatmap-title{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--sur-text-tertiary)}.vpoc-heatmap-inner{background:var(--sur-surface-2);border-radius:var(--radius-md);border:1px solid var(--sur-border-2);overflow:hidden;position:relative}.vpoc-heatmap-footnote{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--sur-text-tertiary);font-style:italic}.vpoc-results-bottom{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8)}.vpoc-participants-card{background:var(--sur-surface-1);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--sur-border-2)}.vpoc-participants-title{font-size:var(--text-lg);margin-bottom:var(--space-5);color:var(--sur-text-tertiary)}.vpoc-participants-list{display:flex;flex-direction:column;gap:var(--space-3)}.vpoc-participant{padding:var(--space-4);background:var(--sur-void);border-radius:var(--radius-md);cursor:pointer;transition:var(--ease-2);border:1px solid var(--sur-border-2)}.vpoc-participant:hover{border-color:var(--sur-border-3)}.vpoc-participant--active{background:var(--sur-cyan-dim);border-color:var(--sur-cyan)}.vpoc-participant-header{display:flex;justify-content:space-between;align-items:center}.vpoc-participant-name{font-weight:700;color:var(--sur-text-secondary)}.vpoc-participant-name--active{color:var(--sur-positive)}.vpoc-participant-sus{font-size:var(--text-2xs);background:var(--sur-surface-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-data)}.vpoc-participant-desc{font-size:var(--text-xs);color:var(--sur-text-tertiary);opacity:.8;margin-top:2px}.vpoc-detail-card{background:var(--sur-surface-1);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--sur-border-2)}.vpoc-detail-header{margin-bottom:var(--space-8);border-bottom:1px solid var(--sur-border-2);padding-bottom:var(--space-5);display:flex;justify-content:space-between;align-items:flex-start}.vpoc-detail-name{font-size:var(--text-xl);margin-bottom:var(--space-1)}.vpoc-detail-desc{color:var(--sur-text-tertiary);font-size:var(--text-sm)}.vpoc-detail-sus-score{font-size:30px;font-weight:700;text-align:right}.vpoc-detail-sus-label{font-size:var(--text-2xs);color:var(--sur-text-tertiary);font-family:var(--font-data)}.vpoc-vision-section{margin-bottom:var(--space-8)}.vpoc-vision-title{font-size:var(--text-md);color:var(--sur-text-tertiary);margin-bottom:var(--space-4)}.vpoc-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.vpoc-vision-image{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--sur-border-2)}.vpoc-vision-narrative{background:var(--sur-void);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--sur-border-2);font-size:var(--text-sm);line-height:1.6;color:var(--sur-text-secondary)}.vpoc-answers{display:flex;flex-direction:column;gap:var(--space-6)}.vpoc-answer-label{font-size:var(--text-xs);color:var(--sur-positive);font-weight:700;margin-bottom:var(--space-2);text-transform:uppercase;font-family:var(--font-data)}.vpoc-answer-text{background:var(--sur-void);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--sur-border-2);color:var(--sur-text-secondary);line-height:1.6;font-size:var(--text-sm)}.vpoc-empty-detail{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sur-border-3)}.vpoc-add-q-btn{font-size:var(--text-xs);background:var(--sur-surface-2);color:var(--sur-text-primary);border:1px solid var(--sur-border-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);transition:var(--ease-1)}.vpoc-add-q-btn:hover{border-color:var(--sur-cyan);color:var(--sur-cyan)}.vpoc-img-loaded{font-size:var(--text-xs);color:var(--sur-positive)}@media(max-width:1024px){.vpoc-config-grid,.vpoc-results-bottom{grid-template-columns:1fr}}@media(max-width:768px){.vpoc-container{padding:var(--space-6)}.vpoc-results-top--with-heatmap{grid-template-columns:1fr}}.profile-container{max-width:var(--max-content-md)}.profile-header{margin-bottom:var(--space-10)}.profile-identity{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--sur-surface-2);border:1px solid var(--sur-border-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--sur-cyan);letter-spacing:-.03em;flex-shrink:0}.profile-name{font-family:var(--font-display);font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.04em;color:var(--sur-text-primary);margin-bottom:var(--space-2)}.profile-name-dot{color:var(--sur-cyan)}.profile-meta{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.profile-email{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-tertiary)}.profile-stats-card{margin-bottom:var(--space-8);border-top:2px solid var(--sur-cyan)}.profile-stats-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.profile-stat{display:flex;flex-direction:column;gap:4px}.profile-stat-label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.12em}.profile-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1}.profile-divider{width:1px;height:40px;background:var(--sur-border-1);flex-shrink:0}.profile-row-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--sur-surface-2);border-radius:var(--radius-md);border:1px solid var(--sur-border-1)}.profile-row-key{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.profile-row-val{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-secondary)}.profile-achievement{display:flex;align-items:center;gap:var(--space-4)}.profile-achievement--locked{opacity:.4}.profile-achievement-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.profile-achievement-dot--unlocked{background:var(--sur-positive);box-shadow:0 0 8px var(--sur-positive)}.profile-achievement-dot--locked{background:var(--sur-text-tertiary)}.profile-achievement-name{font-size:var(--text-sm);color:var(--sur-text-primary);font-weight:400}.profile-achievement-status{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);margin-top:2px;text-transform:uppercase}@media(max-width:768px){.profile-stats-row{flex-direction:column;align-items:flex-start}.profile-divider{width:100%;height:1px}.profile-identity{flex-direction:column;align-items:flex-start}}.settings-container{max-width:var(--max-content-sm)}.settings-section{margin-bottom:var(--space-6)}.settings-usage-alert{margin-bottom:var(--space-4)}.settings-card-title{display:flex;align-items:center;gap:var(--space-2)}.settings-usage-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.settings-usage-label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.settings-usage-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--sur-text-primary)}.settings-usage-limit{font-family:var(--font-data);font-size:var(--text-sm);font-weight:300;color:var(--sur-text-tertiary);margin-left:var(--space-2)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--sur-surface-2);border:1px solid var(--sur-border-1);border-radius:var(--radius-md)}.settings-row-label{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.settings-row-value{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-secondary)}.settings-row-value--positive{color:var(--sur-positive)}.settings-profile-card{background:var(--sur-surface-1);border:1px solid var(--sur-border-2);padding:var(--space-6)}.settings-avatar{width:80px;height:80px;background:var(--sur-gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:#fff;box-shadow:0 8px 24px #7c3aed4d}.settings-user-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--sur-text-primary);margin-bottom:2px}.settings-user-email{font-family:var(--font-data);font-size:var(--text-sm);color:var(--sur-text-tertiary)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:9px;text-transform:uppercase;color:var(--sur-text-tertiary);letter-spacing:.1em;font-weight:700}.stat-value{font-size:14px;font-weight:700;color:var(--sur-cyan)}.settings-row-minimal{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--sur-border-1)}.settings-row-minimal .label{font-size:11px;color:var(--sur-text-tertiary)}.settings-row-minimal .value{font-size:11px;font-weight:600;color:var(--sur-text-primary)}.settings-status-item{display:flex;align-items:center;gap:8px;padding-bottom:8px}.settings-status-item .label{flex:1;font-size:11px;color:var(--sur-text-tertiary)}.settings-status-item .sub-value{font-size:10px;color:var(--sur-text-tertiary);opacity:.5}.source-item{background:var(--sur-surface-2);border:1px solid var(--sur-border-1);padding:12px;border-radius:8px}.source-name{font-weight:800;font-size:12px;color:var(--sur-text-primary);margin-bottom:2px}.source-meta{font-size:10px;color:var(--sur-text-tertiary)}.labinfo-container{max-width:var(--max-content-md)}.labinfo-section{margin-bottom:var(--space-12)}.labinfo-disclaimer-alert{margin-bottom:var(--space-4)}.labinfo-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.labinfo-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.labinfo-disclaimer-card{border-left:4px solid var(--sur-critical)}.labinfo-disclaimer-card .card-body{gap:var(--space-4)}.labinfo-disclaimer-text{font-size:var(--text-sm);color:var(--sur-text-secondary);font-weight:300;line-height:1.7}.labinfo-disclaimer-footer{border-top:1px solid var(--sur-border-1);padding-top:var(--space-4);margin-top:var(--space-2)}.labinfo-disclaimer-footnote{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-tertiary);font-style:italic}.labinfo-source-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--sur-border-1);transition:var(--ease-1);cursor:default}.labinfo-source-item:last-child{border-bottom:none}.labinfo-source-item:hover{background:var(--sur-surface-1)}.labinfo-source-name{font-size:var(--text-sm);color:var(--sur-text-primary);font-weight:400}.labinfo-source-note{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.labinfo-engine-card{background:var(--sur-void);border:1px solid var(--sur-border-1);border-radius:var(--radius-md);padding:var(--space-4)}.labinfo-engine-label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.labinfo-engine-value{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-secondary)}.labinfo-engine-text{font-size:var(--text-sm);color:var(--sur-text-secondary);font-weight:300;line-height:1.7}.ds-container{max-width:var(--max-content-lg)}.ds-section{margin-bottom:var(--space-16)}.ds-section-title{font-family:var(--font-data);font-size:var(--text-xs);font-weight:600;color:var(--sur-cyan);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--sur-border-1);display:flex;align-items:center;gap:var(--space-2)}.ds-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.ds-token-item{display:flex;flex-direction:column;gap:var(--space-2)}.ds-color-swatch{height:56px;border-radius:var(--radius-md);border:1px solid var(--sur-border-1)}.ds-token-name{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);letter-spacing:.05em}.ds-token-value{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-secondary)}.ds-space-list{display:flex;flex-direction:column;gap:var(--space-3)}.ds-space-item{display:flex;align-items:center;gap:var(--space-4)}.ds-space-bar{height:12px;background:var(--sur-cyan);border-radius:var(--radius-sm);opacity:.6;flex-shrink:0}.ds-space-meta{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-secondary)}.ds-space-meta strong{color:var(--sur-text-primary);display:inline-block;min-width:80px}.ds-type-list{display:flex;flex-direction:column;gap:var(--space-6)}.ds-type-row{display:flex;align-items:baseline;gap:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--sur-border-1)}.ds-type-label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);min-width:100px;flex-shrink:0}.ds-demo-block{background:var(--sur-surface-1);border:1px solid var(--sur-border-1);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-4)}.ds-demo-label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5)}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ds-shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-5)}.ds-shadow-box{height:80px;background:var(--sur-surface-1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.ds-shadow-name{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-align:center;margin-top:var(--space-2)}.ds-radius-grid{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-end}.ds-radius-box{width:64px;height:64px;background:var(--sur-cyan-dim);border:1px solid var(--sur-cyan)}.ds-chart-swatches{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-chart-swatch{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.ds-chart-swatch-label{font-family:var(--font-data);font-size:9px;color:#fffc;font-weight:700}.ds-motion-list{display:flex;flex-direction:column;gap:var(--space-4)}.ds-motion-row{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4);background:var(--sur-surface-1);border:1px solid var(--sur-border-1);border-radius:var(--radius-md)}.ds-motion-dot{width:12px;height:12px;border-radius:50%;background:var(--sur-cyan);flex-shrink:0}.ds-motion-dot:hover{transform:scale(2)}.ds-motion-token{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-text-secondary);min-width:160px}.ds-motion-value{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary)}.ds-icon-grid{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ds-icon-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--sur-surface-1);border:1px solid var(--sur-border-1);border-radius:var(--radius-md);min-width:72px;transition:var(--ease-1)}.ds-icon-item:hover{border-color:var(--sur-cyan);background:var(--sur-cyan-dim)}.ds-icon-name{font-family:var(--font-data);font-size:9px;color:var(--sur-text-tertiary);text-align:center}.ds-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media(max-width:768px){.ds-two-col{grid-template-columns:1fr}.ds-token-grid{grid-template-columns:repeat(2,1fr)}}.login-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--sur-void);color:var(--sur-text-primary);position:relative;overflow:hidden;font-family:var(--font-body)}.login-visual-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-card{position:relative;z-index:10;width:480px;background:var(--sur-surface-1);border:1px solid var(--sur-border-2);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none}.login-header{text-align:center;margin-bottom:var(--space-10)}.logo-container{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.logo-icon{color:var(--sur-cyan);filter:none}.logo-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;color:var(--sur-text-primary)}.logo-text span{color:var(--sur-cyan)}.divider-cyan{height:3px;width:40px;background:var(--sur-cyan);margin:0 auto;box-shadow:none}.login-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;text-align:center;color:var(--sur-text-secondary);letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.login-subtitle{text-align:center;line-height:1.6;color:var(--sur-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-8)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-10)}.feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--sur-text-tertiary);font-weight:600}.text-cyan{color:var(--sur-cyan)}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-4);background:#fff;color:#3c4043;border:none;border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:var(--ease-2);box-shadow:var(--shadow-md)}.google-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#f8f9fa}.google-icon-wrapper{display:flex;align-items:center}.login-footer{margin-top:var(--space-12);border-top:1px solid var(--sur-border-2);padding-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.footer-links{display:flex;align-items:center;gap:var(--space-4)}.footer-links a{font-size:var(--text-2xs);color:var(--sur-text-tertiary);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:var(--ease-1)}.footer-links a:hover{color:var(--sur-cyan)}.bullet{color:var(--sur-border-3);font-size:8px}.node-status{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-data);font-size:10px;color:var(--sur-text-tertiary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--sur-positive)}.status-dot.pulsing{box-shadow:0 0 8px var(--sur-positive-dim);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1;transform:scale(1.2)}to{opacity:.4}}.fade-in{animation:fadeIn .8s var(--ease-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-display: "Inter", sans-serif;--font-data: "IBM Plex Mono", monospace;--font-body: "Inter", sans-serif;--text-2xs: 10px;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--ease-1: all .15s ease;--ease-2: all .25s ease;--ease-3: all .35s cubic-bezier(.4, 0, .2, 1);--z-below: -1;--z-base: 0;--z-sticky: 50;--z-overlay: 1000;--z-modal: 1001;--z-tooltip: 1100;--z-scanline: 9999;--backdrop-sm: blur(4px);--backdrop-md: blur(8px);--backdrop-lg: blur(16px);--overlay-light: rgba(0, 0, 0, .3);--overlay-medium: rgba(0, 0, 0, .55);--overlay-heavy: rgba(0, 0, 0, .8);--max-content-sm: 640px;--max-content-md: 860px;--max-content-lg: 1200px;--max-content-xl: 1440px;--sidebar-width: 260px;--sidebar-collapsed: 64px;--chart-1: #06B6D4;--chart-2: #F59E0B;--chart-3: #A855F7;--chart-4: #10B981;--chart-5: #EF4444;--chart-6: #8B5CF6;--chart-7: #14B8A6}:root,[data-theme=light]{--sur-void: #ffffff;--sur-depth: #f9fafb;--sur-base: #f3f4f6;--sur-surface-1: #ffffff;--sur-surface-2: #f9fafb;--sur-surface-3: #f3f4f6;--sur-border-1: #e5e7eb;--sur-border-2: #d1d5db;--sur-border-3: #9ca3af;--sur-cyan: #4F6BF7;--sur-cyan-dim: rgba(79,107,247,.06);--sur-cyan-glow: rgba(79,107,247,.1);--sur-cyan-text: #3B52D4;--sur-positive: #10B981;--sur-positive-dim: rgba(16,185,129,.06);--sur-warning: #F59E0B;--sur-warning-dim: rgba(245,158,11,.06);--sur-critical: #EF4444;--sur-critical-dim: rgba(239,68,68,.06);--sur-neutral: #9ca3af;--sur-text-primary: #111827;--sur-text-secondary: #6b7280;--sur-text-tertiary: #9ca3af;--sur-text-inverse: #ffffff;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--shadow-cyan: 0 1px 3px rgba(79,107,247,.08);--shadow-glow: none;--scan-line-opacity: 0;--bg-primary: var(--sur-void);--bg-secondary: var(--sur-depth);--bg-tertiary: var(--sur-surface-1);--border-color: var(--sur-border-1);--border-highlight: var(--sur-border-3);--text-primary: var(--sur-text-primary);--text-secondary: var(--sur-text-secondary);--text-muted: var(--sur-text-tertiary);--accent-primary: var(--sur-cyan);--accent-secondary: var(--sur-positive);--accent-glow: var(--sur-cyan-glow);--danger: var(--sur-critical);--success: var(--sur-positive);--warning: var(--sur-warning);--sur-negative: var(--sur-critical)}[data-theme=dark]{--sur-void: #0f172a;--sur-depth: #111827;--sur-base: #1e293b;--sur-surface-1: #1e293b;--sur-surface-2: #334155;--sur-surface-3: #475569;--sur-border-1: #334155;--sur-border-2: #475569;--sur-border-3: #64748b;--sur-cyan: #6366F1;--sur-cyan-dim: rgba(99,102,241,.12);--sur-cyan-glow: rgba(99,102,241,.15);--sur-cyan-text: #a5b4fc;--sur-positive: #34D399;--sur-positive-dim: rgba(52,211,153,.1);--sur-warning: #FBBF24;--sur-warning-dim: rgba(251,191,36,.1);--sur-critical: #F87171;--sur-critical-dim: rgba(248,113,113,.1);--sur-neutral: #94a3b8;--sur-text-primary: #f1f5f9;--sur-text-secondary: #94a3b8;--sur-text-tertiary: #64748b;--sur-text-inverse: #0f172a;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.25);--shadow-lg: 0 4px 16px rgba(0,0,0,.3);--shadow-cyan: 0 1px 3px rgba(99,102,241,.15);--shadow-glow: none;--scan-line-opacity: 0;--bg-primary: var(--sur-void);--bg-secondary: var(--sur-depth);--bg-tertiary: var(--sur-surface-1);--border-color: var(--sur-border-1);--border-highlight: var(--sur-border-3);--text-primary: var(--sur-text-primary);--text-secondary: var(--sur-text-secondary);--text-muted: var(--sur-text-tertiary);--accent-primary: var(--sur-cyan);--accent-secondary: var(--sur-positive);--accent-glow: var(--sur-cyan-glow);--danger: var(--sur-critical);--success: var(--sur-positive);--warning: var(--sur-warning);--sur-negative: var(--sur-critical)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{margin:0;padding:0;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}a{text-decoration:none;color:inherit}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;font-weight:400;color:var(--sur-text-primary);background-color:var(--sur-depth);transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--sur-text-primary)}.mono,.data{font-family:var(--font-data)}.text-2xs{font-size:var(--text-2xs)}.text-md{font-size:var(--text-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-8{width:2rem}.w-12{width:3rem}.w-24{width:6rem}.h-full{height:100%}.h-2{height:.5rem}.h-3{height:.75rem}.h-12{height:3rem}.h-screen{height:100vh}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.zoom-in{animation:zoomIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-bottom{animation:slideInBottom .4s cubic-bezier(.16,1,.3,1) forwards}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.text-muted{color:var(--sur-text-tertiary)}.text-text-primary{color:var(--sur-text-primary)}.text-text-secondary{color:var(--sur-text-secondary)}.text-text-tertiary{color:var(--sur-text-tertiary)}.text-accent-primary{color:var(--sur-cyan)}.text-accent-secondary{color:var(--sur-positive)}.text-danger{color:var(--sur-critical)}.text-success{color:var(--sur-positive)}.text-warning{color:var(--sur-warning)}.bg-sur-void,.bg-bg-primary{background-color:var(--sur-void)}.bg-bg-secondary{background-color:var(--sur-depth)}.bg-bg-tertiary{background-color:var(--sur-surface-1)}.bg-accent-primary{background-color:var(--sur-cyan)}.bg-accent-secondary{background-color:var(--sur-positive)}.border-border-color{border-color:var(--sur-border-1)}.border-accent-primary{border-color:var(--sur-cyan)}.border-accent-secondary{border-color:var(--sur-positive)}.border-warning{border-color:var(--sur-warning)}.glass-panel{background:var(--sur-surface-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--sur-border-1);border-radius:12px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;letter-spacing:.01em;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--ease-2);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .15s}.btn:active:after{opacity:.05}.btn-primary{background:var(--sur-cyan);color:var(--sur-text-inverse);border-color:var(--sur-cyan);font-weight:500}.btn-primary:hover{background:var(--sur-cyan);filter:brightness(1.05);box-shadow:var(--shadow-sm);transform:none}.btn-secondary{background:var(--sur-surface-3);color:var(--sur-text-primary);border-color:var(--sur-border-2)}.btn-secondary:hover{background:var(--sur-surface-2);border-color:var(--sur-border-3);transform:none}.btn-ghost{background:transparent;color:var(--sur-text-secondary);border-color:var(--sur-border-2)}.btn-ghost:hover{color:var(--sur-text-primary);border-color:var(--sur-border-3);background:var(--sur-surface-1)}.btn-danger{background:var(--sur-critical-dim);color:var(--sur-critical);border-color:#ff446640}.btn-sm{padding:5px var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:12px var(--space-8);font-size:var(--text-md)}.metric-card{background:var(--sur-surface-1);border:1px solid var(--sur-border-1);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);position:relative;overflow:hidden;transition:var(--ease-2);min-width:160px}.metric-card:before{display:none}.metric-card:hover{border-color:var(--sur-border-2);box-shadow:var(--shadow-sm);transform:none}.metric-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--sur-text-secondary);text-transform:none;letter-spacing:normal;margin-bottom:var(--space-2);font-weight:500}.metric-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--sur-text-primary);margin-bottom:var(--space-2)}.metric-delta{font-family:var(--font-data);font-size:var(--text-xs);display:flex;align-items:center;gap:4px}.metric-delta.up{color:var(--sur-positive)}.metric-delta.down{color:var(--sur-critical)}.card{background:var(--sur-surface-1);border:1px solid var(--sur-border-1);border-radius:var(--radius-lg);overflow:hidden;transition:var(--ease-2)}.card:hover{border-color:var(--sur-border-2);box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--sur-border-1);display:flex;align-items:center;justify-content:space-between}.card-header-left{display:flex;align-items:center;gap:var(--space-2)}.card-header-icon{color:var(--sur-cyan);opacity:.7}.card-title{font-family:var(--font-body);font-size:var(--text-md);font-weight:500;color:var(--sur-text-primary)}.card-body{padding:var(--space-6)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-body);font-size:var(--text-xs);text-transform:none;letter-spacing:normal;color:var(--sur-text-secondary);border-bottom:1px solid var(--sur-border-2);font-weight:500;white-space:nowrap}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--sur-border-1);color:var(--sur-text-primary);vertical-align:middle;font-weight:400;transition:background .15s ease}.data-table tbody tr:hover td{background:var(--sur-surface-1)}.input,.select{background:var(--sur-surface-1);border:1px solid var(--sur-border-2);border-radius:var(--radius-md);padding:9px var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--sur-text-primary);outline:none;transition:var(--ease-2);width:100%}.input:focus,.select:focus{border-color:var(--sur-cyan);box-shadow:0 0 0 3px var(--sur-cyan-dim);background:var(--sur-surface-2)}.app-container{display:flex;height:100vh;width:100vw;background-color:var(--sur-depth);overflow:hidden}.sur-sidebar{width:260px;background:var(--sur-void);border-right:1px solid var(--sur-border-1);height:100vh;display:flex;flex-direction:column;padding:var(--space-6) 0;position:sticky;top:0;overflow-y:auto;flex-shrink:0}.sur-sidebar-brand{padding:0 var(--space-6) var(--space-6);border-bottom:1px solid var(--sur-border-1);margin-bottom:var(--space-4)}.sur-sidebar-wordmark{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em;color:var(--sur-text-primary)}.sur-sidebar-wordmark em{color:var(--sur-cyan);font-style:normal}.sur-sidebar-sub{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);margin-top:3px;letter-spacing:.06em}.sur-nav-group{padding:var(--space-5) 0 var(--space-2);display:flex;flex-direction:column}.sur-nav-group-label{padding:0 var(--space-6);font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--sur-text-tertiary);margin-bottom:var(--space-2);font-weight:500}.sur-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-6);font-size:var(--text-sm);color:var(--sur-text-secondary);text-decoration:none;transition:var(--ease-1);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font-body);font-weight:400}.sur-nav-item:hover{color:var(--sur-text-primary);background:var(--sur-surface-2)}.sur-nav-item.active{color:var(--sur-cyan);background:var(--sur-cyan-dim);border-left:3px solid var(--sur-cyan);font-weight:500}.sur-nav-icon{width:16px;height:16px;opacity:.7}.sur-nav-item:hover .sur-nav-icon,.sur-nav-item.active .sur-nav-icon{opacity:1}.sur-sidebar-footer{padding:var(--space-4) var(--space-6) var(--space-3);border-top:1px solid var(--sur-border-1);margin-top:auto}.sur-sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);min-width:0}.sur-sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-md);background:var(--sur-cyan-dim);border:1px solid var(--sur-border-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-cyan);font-weight:600;flex-shrink:0}.sur-sidebar-username{font-size:var(--text-sm);font-weight:400;color:var(--sur-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sur-sidebar-email{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--sur-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sur-sidebar-actions{display:flex;align-items:center;gap:var(--space-2)}.sur-theme-toggle{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--sur-border-2);background:var(--sur-surface-2);color:var(--sur-text-secondary);cursor:pointer;transition:var(--ease-1);flex-shrink:0}.sur-theme-toggle:hover{border-color:var(--sur-border-3);color:var(--sur-text-primary);background:var(--sur-surface-3)}.sur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:fadeIn .15s ease}.sur-overlay--light{background:var(--overlay-light);-webkit-backdrop-filter:var(--backdrop-sm);backdrop-filter:var(--backdrop-sm)}.sur-overlay--heavy{background:var(--overlay-heavy);-webkit-backdrop-filter:var(--backdrop-md);backdrop-filter:var(--backdrop-md)}.sur-modal{background:var(--sur-surface-1);border:1px solid var(--sur-border-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;width:90%;z-index:var(--z-modal);animation:modalSlideIn .2s ease;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sur-modal--sm{max-width:480px}.sur-modal--md{max-width:640px}.sur-modal--lg{max-width:860px}.sur-modal--xl{max-width:1100px}.sur-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--sur-border-1);flex-shrink:0}.sur-modal__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--sur-text-primary);letter-spacing:-.01em}.sur-modal__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--sur-border-2);background:var(--sur-surface-2);color:var(--sur-text-secondary);cursor:pointer;transition:var(--ease-1);flex-shrink:0}.sur-modal__close:hover{color:var(--sur-text-primary);border-color:var(--sur-border-3)}.sur-modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.sur-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--sur-border-1);flex-shrink:0}.sur-toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:360px;width:100%}.sur-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid;background:var(--sur-surface-1);box-shadow:var(--shadow-lg);pointer-events:all;animation:toastSlideIn .25s ease;border-left-width:3px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sur-toast--success{border-color:var(--sur-positive);border-left-color:var(--sur-positive)}.sur-toast--error{border-color:var(--sur-critical);border-left-color:var(--sur-critical)}.sur-toast--warning{border-color:var(--sur-warning);border-left-color:var(--sur-warning)}.sur-toast--info{border-color:var(--sur-cyan);border-left-color:var(--sur-cyan)}.sur-toast__icon{flex-shrink:0;margin-top:1px}.sur-toast--success .sur-toast__icon{color:var(--sur-positive)}.sur-toast--error .sur-toast__icon{color:var(--sur-critical)}.sur-toast--warning .sur-toast__icon{color:var(--sur-warning)}.sur-toast--info .sur-toast__icon{color:var(--sur-cyan)}.sur-toast__content{flex:1;min-width:0}.sur-toast__title{font-size:var(--text-sm);font-weight:500;color:var(--sur-text-primary);line-height:1.4}.sur-toast__message{font-size:var(--text-xs);color:var(--sur-text-secondary);margin-top:2px;line-height:1.5}.sur-toast__close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--sur-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--ease-1);margin-top:1px}.sur-toast__close:hover{color:var(--sur-text-primary);background:var(--sur-surface-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sur-skeleton{background:linear-gradient(90deg,var(--sur-surface-2) 25%,var(--sur-surface-3) 50%,var(--sur-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s ease infinite;border-radius:var(--radius-md)}.sur-skeleton--text{height:14px;border-radius:var(--radius-sm)}.sur-skeleton--title{height:28px;border-radius:var(--radius-sm)}.sur-skeleton--circle{border-radius:50%}.sur-skeleton--card{height:120px;border-radius:var(--radius-lg)}.sur-skeleton--metric{height:90px;border-radius:var(--radius-lg)}.sur-skeleton--row{height:44px;border-radius:var(--radius-sm)}.sur-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center}.sur-empty__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--sur-surface-2);border:1px solid var(--sur-border-1);color:var(--sur-text-tertiary)}.sur-empty__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--sur-text-primary);letter-spacing:-.01em}.sur-empty__desc{font-size:var(--text-sm);color:var(--sur-text-tertiary);max-width:320px;line-height:1.6}.view-container{padding:var(--space-10) var(--space-12);animation:fadeIn .4s ease both}.view-container--narrow{max-width:var(--max-content-sm)}.view-container--medium{max-width:var(--max-content-md)}.view-container--wide{max-width:var(--max-content-lg);margin:0 auto}.view-header{margin-bottom:var(--space-10)}.view-eyebrow{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.05em;text-transform:none;color:var(--sur-text-secondary);margin-bottom:var(--space-3);font-weight:500}.view-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--sur-text-primary);margin-bottom:var(--space-4)}.view-subtitle{font-size:var(--text-md);color:var(--sur-text-secondary);font-weight:400;max-width:520px;line-height:1.7}.input-error{border-color:var(--sur-critical)!important}.input-error:focus{box-shadow:0 0 0 3px var(--sur-critical-dim)!important}.input-error-msg{font-family:var(--font-data);font-size:var(--text-xs);color:var(--sur-critical);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid;font-size:var(--text-sm);font-family:var(--font-body);line-height:1.5}.alert-icon-svg{flex-shrink:0;margin-top:2px}.alert-body{flex:1;display:flex;flex-direction:column;gap:2px}.alert-title{font-weight:600;display:block;margin-bottom:1px}.alert-content{font-weight:300;opacity:.85}.alert-dismiss{background:none;border:none;cursor:pointer;color:currentColor;opacity:.5;padding:0;flex-shrink:0;display:flex;align-items:center;transition:var(--ease-1)}.alert-dismiss:hover{opacity:1}.alert-info{background:#06b6d40f;border-color:var(--sur-cyan);color:var(--sur-cyan)}.alert-success{background:var(--sur-positive-dim);border-color:var(--sur-positive);color:var(--sur-positive)}.alert-warning{background:var(--sur-warning-dim);border-color:var(--sur-warning);color:var(--sur-warning)}.alert-critical{background:var(--sur-critical-dim);border-color:var(--sur-critical);color:var(--sur-critical)}.alert-info .alert-content,.alert-success .alert-content,.alert-warning .alert-content,.alert-critical .alert-content{color:var(--sur-text-secondary);opacity:1}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-family:var(--font-data);font-size:var(--text-xs);font-weight:500;border:1px solid;letter-spacing:.04em}.badge-positive{color:var(--sur-positive);background:var(--sur-positive-dim);border-color:var(--sur-positive)}.badge-warning{color:var(--sur-warning);background:var(--sur-warning-dim);border-color:var(--sur-warning)}.badge-critical{color:var(--sur-critical);background:var(--sur-critical-dim);border-color:var(--sur-critical)}.badge-cyan{color:var(--sur-cyan);background:var(--sur-cyan-dim);border-color:var(--sur-cyan)}.badge-neutral{color:var(--sur-text-tertiary);background:transparent;border-color:var(--sur-border-2)}.badge-sm{padding:2px 7px;font-size:var(--text-2xs)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}:root{--scan-line-opacity: 0}.app-container{display:flex!important;height:100vh!important;width:100vw!important;background-color:var(--sur-depth);overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;position:relative;height:100vh;overflow:hidden;background-color:var(--sur-base)}.sur-main{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:0;padding:0;background-color:var(--sur-base)}.sur-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sur-void);border-right:1px solid var(--sur-border-1);height:100vh;display:flex;flex-direction:column;padding:var(--space-6) 0;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;flex-shrink:0;transition:width .25s ease,min-width .25s ease,transform .25s ease;z-index:var(--z-overlay)}@media(max-width:1024px){.sur-sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sur-sidebar-brand .sur-sidebar-wordmark,.sur-sidebar-brand .sur-sidebar-sub,.sur-nav-item span:not(.sur-nav-icon),.sur-nav-group-label,.sur-sidebar-footer .sur-sidebar-user,.sur-sidebar-footer .sur-sidebar-email{display:none}.sur-sidebar-brand{display:flex;justify-content:center;padding:0 0 var(--space-4)}.sur-nav-item{justify-content:center;padding:10px}.sur-nav-item.active{border-left:none;border-bottom:2px solid var(--sur-cyan)}.sur-sidebar-footer{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) 0}.sur-sidebar-footer .sur-nav-item{width:auto;padding:8px}}@media(max-width:768px){.app-container{position:relative}.sur-sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);min-width:var(--sidebar-width);transform:translate(-100%);height:100vh;box-shadow:var(--shadow-lg)}.sur-sidebar.open{transform:translate(0)}.sur-sidebar-brand .sur-sidebar-wordmark,.sur-sidebar-brand .sur-sidebar-sub,.sur-nav-item span:not(.sur-nav-icon),.sur-nav-group-label,.sur-sidebar-footer .sur-sidebar-user,.sur-sidebar-footer .sur-sidebar-email{display:unset}.sur-nav-item{justify-content:flex-start;padding:8px var(--space-6)}.sur-sidebar-brand{display:block;padding:0 var(--space-6) var(--space-6)}.main-content{margin-left:0;width:100%}.mobile-header{display:flex}}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--sur-void);border-bottom:1px solid var(--sur-border-1);position:sticky;top:0;z-index:var(--z-sticky)}.mobile-header-brand{font-family:var(--font-display);font-size:var(--text-md);font-weight:800;letter-spacing:-.03em;color:var(--sur-text-primary)}.mobile-header-brand em{color:var(--sur-cyan);font-style:normal}.mobile-hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sur-border-2);background:var(--sur-surface-2);border-radius:var(--radius-md);color:var(--sur-text-secondary);cursor:pointer;transition:var(--ease-1)}.mobile-hamburger:hover{border-color:var(--sur-border-3);color:var(--sur-text-primary)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-medium);-webkit-backdrop-filter:var(--backdrop-sm);backdrop-filter:var(--backdrop-sm);z-index:calc(var(--z-overlay) - 1)}@media(max-width:768px){.sidebar-backdrop.open{display:block}}.beta-tag{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--sur-cyan);background:#00c2ff1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,194,255,.2);vertical-align:middle;text-transform:uppercase;margin-left:var(--space-2);white-space:nowrap}