@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}:root{--primary:var(--primary,#4f46e5);--primary-light:var(--primary-light,#6366f1);--logo-yellow:var(--logo-yellow,#fabe66);--logo-red:var(--logo-red,#ef4444);--secondary:var(--secondary,#f97316);--bg-light:var(--bg-light,#f9fafb);--bg-dark:var(--bg-dark,#1f2937);--text-dark:var(--text-dark,#1f2937);--text-light:var(--text-light,#f9fafb);--shadow:var(--shadow,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}body{background-color:var(--surface-1);color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-bg{background-color:#fff}.header-logo img{height:58px;display:block}.header-logo .logo-dark{display:none}.header-logo .logo-light,html.dark .header-logo .logo-dark,body.dark .header-logo .logo-dark,[data-theme=dark] .header-logo .logo-dark,[data-mode=dark] .header-logo .logo-dark{display:block}html.dark .header-logo .logo-light,body.dark .header-logo .logo-light,[data-theme=dark] .header-logo .logo-light,[data-mode=dark] .header-logo .logo-light{display:none}.project-tile{background-color:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.75rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #10182808}.project-tile:hover{border-color:var(--brand-primary-500);transform:translateY(-4px);box-shadow:0 12px 28px #10182814}@supports (color:color-mix(in lab,red,red)){.project-tile:hover{border-color:color-mix(in srgb,var(--brand-primary-500)30%,var(--border))}}.project-tile:hover{z-index:10}.project-tile:before{content:"";background:var(--accent,linear-gradient(180deg,var(--logo-yellow),var(--logo-red)));width:0;transition:width .28s;position:absolute;top:0;bottom:0;left:0}.project-tile:hover:before{width:6px}.project-tile .project-logo{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:inline-flex;box-shadow:0 6px 12px #1018280f}.project-tile h3{margin:.1rem 0 .4rem;font-size:1.0625rem;line-height:1.25}.project-tile .tags-container span,.project-tile .tags-container .remaining-count{background-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.project-tile .tags-container span,.project-tile .tags-container .remaining-count{background-color:color-mix(in srgb,var(--text-dark)6%,transparent)}}.project-tile .tags-container span,.project-tile .tags-container .remaining-count{color:var(--text-dark);border-radius:9999px;padding:.35rem .75rem;font-size:.8rem}.project-grid{gap:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important}.project-tile:hover .project-logo{transform:scale(1.1)rotate(5deg)}.project-logo{background-position:50%;background-size:cover;margin-right:1rem;transition:transform .5s}.budget-row{align-items:center;gap:.5rem}.budget-label{font-size:.95rem}.budget-numeric{white-space:nowrap;align-self:center}.budget-block .progress-bar{margin-top:.25rem}.meta-right{margin-left:.5rem}.meta-right .inline-flex{align-items:center;gap:.75rem}.dark .project-tile,body.dark .project-tile{background-color:var(--surface-2);border-color:var(--border);box-shadow:0 6px 18px #0009}.dark .project-tile h3,body.dark .project-tile h3{color:var(--text-dark)}.dark .project-tile .tags-container span,body.dark .project-tile .tags-container span{color:#cbd5e1;background:#ffffff08}.dark .project-tile .project-meta,.dark .project-tile .meta-right,.dark .project-tile .budget-label,.dark .project-tile .budget-numeric,body.dark .project-tile .project-meta,body.dark .project-tile .meta-right,body.dark .project-tile .budget-label,body.dark .project-tile .budget-numeric{color:#cbd5e1}.dark .header-logo,body.dark .header-logo{color:#fff}.dark .breadcrumb-nav,body.dark .breadcrumb-nav,.dark .breadcrumb,body.dark .breadcrumb{box-shadow:none;background:linear-gradient(#071024 0% 100%);border-bottom-color:#ffffff0a}.dark .breadcrumb-item,body.dark .breadcrumb-item{color:#e6eef8}.dark .breadcrumb-item.project-name,body.dark .breadcrumb-item.project-name{color:#fff}.dark .project-sidebar,body.dark .project-sidebar{background:linear-gradient(#071024,#051021);border-right-color:#ffffff08}.dark .folder-item .folder-title,body.dark .folder-item .folder-title{color:#e6eef8}.dark .folder-item .count,body.dark .folder-item .count{color:#cbd5e1}.dark .nav-tab.active,body.dark .nav-tab.active{color:var(--primary)}.dark .main-content,body.dark .main-content,.dark .dataset-view,body.dark .dataset-view,.dark .dataset-overview,body.dark .dataset-overview{background-color:var(--bg-dark)!important;color:var(--text-dark)!important;box-shadow:none!important}.dark .empty-state,body.dark .empty-state,.dark .empty-state-enhanced,body.dark .empty-state-enhanced{color:#9fb0c6!important;background:#ffffff05!important;border-color:#ffffff08!important}.dark .project-sidebar,body.dark .project-sidebar,.dark .side-panel,body.dark .side-panel,.dark .folder-tree,body.dark .folder-tree{color:var(--text-dark)!important;background:linear-gradient(#071024,#051021)!important;border-right-color:#ffffff08!important}.dark .folder-item,body.dark .folder-item{background:0 0!important;border-color:#0000!important}.dark .project-tile,body.dark .project-tile{background-color:var(--surface-2)!important;border-color:var(--border)!important}.dark .dialog,body.dark .dialog{background-color:var(--surface-2)!important;color:var(--text-dark)!important;border-color:var(--border)!important}.dark .btn-secondary,body.dark .btn-secondary{color:var(--primary)!important;background-color:#0000!important;border-color:#ffffff0f!important}.dark .project-sidebar .p-4,body.dark .project-sidebar .p-4,.dark .project-sidebar .content-area,body.dark .project-sidebar .content-area{background:linear-gradient(#071024,#051021)!important}.dark .project-sidebar .folder-item,body.dark .project-sidebar .folder-item{color:var(--text-dark)!important;background:#ffffff03!important;border-color:#ffffff05!important}.dark .project-sidebar .folder-item:hover,body.dark .project-sidebar .folder-item:hover{background:#ffffff08!important;transform:translate(0)!important}.dark .project-sidebar .folder-item.bg-blue-100,body.dark .project-sidebar .folder-item.bg-blue-100,.dark .project-sidebar .folder-item.active,body.dark .project-sidebar .folder-item.active{color:var(--primary)!important;background:linear-gradient(90deg,#8b5cf60f,#ef444408)!important}.dark .project-sidebar .text-gray-500,body.dark .project-sidebar .text-gray-500{color:#9fb0c6!important}.dark .project-sidebar .text-yellow-600,body.dark .project-sidebar .text-yellow-600{color:var(--logo-yellow)!important}.dark .project-sidebar .text-blue-600,body.dark .project-sidebar .text-blue-600{color:var(--primary)!important}.dark .project-sidebar .search-input,body.dark .project-sidebar .search-input{color:var(--text-dark)!important;background:#ffffff05!important;border:1px solid #ffffff08!important}.dark .project-sidebar .bottom-0,body.dark .project-sidebar .bottom-0,.dark .project-sidebar .absolute.bottom-0,body.dark .project-sidebar .absolute.bottom-0{background:linear-gradient(#071024,#051021)!important;border-top-color:#ffffff08!important}.dark .project-sidebar .bg-white,body.dark .project-sidebar .bg-white,.dark .project-sidebar [class*=border-gray-],body.dark .project-sidebar [class*=border-gray-]{color:var(--text-dark)!important;background:linear-gradient(#071024,#051021)!important;border-color:#ffffff0a!important}.dark .main-content-area .bg-white,body.dark .main-content-area .bg-white,.dark .main-content-area [class*=border-gray-],body.dark .main-content-area [class*=border-gray-]{background-color:var(--bg-dark)!important;color:var(--text-dark)!important}.dark .breadcrumb,body.dark .breadcrumb,.dark .breadcrumb-nav,body.dark .breadcrumb-nav{color:var(--text-dark)!important;background:linear-gradient(#071024 0% 100%)!important;border-bottom-color:#ffffff0a!important}.dark .dialog,body.dark .dialog,.dark .dialog .bg-white,body.dark .dialog .bg-white{background-color:var(--surface-2)!important;color:var(--text-dark)!important;border-color:var(--border)!important}.dark .project-sidebar .icon-sm,body.dark .project-sidebar .icon-sm{color:#cbd5e1!important}.dark .nav-tabs,body.dark .nav-tabs{border-bottom-color:#ffffff0a!important}.dark .nav-tab,body.dark .nav-tab{color:#cbd5e1!important}.dark .nav-tab.active:after,body.dark .nav-tab.active:after{background:linear-gradient(90deg,var(--primary),var(--primary-light))!important}.dark .header-bg,body.dark .header-bg{background-color:var(--bg-light)!important}[data-theme=midnight]{--bg-light:#05060a;--bg-dark:#01040a;--text-dark:#e6eef8;--primary:#7c3aed}[data-theme=high-contrast]{--bg-light:#000;--bg-dark:#000;--text-dark:#fff;--primary:#fc0}.tag{color:#4b5563;background-color:#e5e7eb;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.tag:hover{background-color:var(--primary-light);color:#fff}.dialog-overlay{-webkit-backdrop-filter:blur(8px);background-color:#00000080;justify-content:center;align-items:flex-end;padding:0 1rem;transition:all .3s;display:flex}.dialog{background-color:var(--surface-2);color:var(--text-dark);border:1px solid var(--border);opacity:0;border-radius:16px 16px 0 0;width:50%;max-height:90vh;margin-bottom:0;transition:all .5s cubic-bezier(.22,.9,.28,1);overflow-y:auto;transform:translateY(100%);box-shadow:0 -20px 25px -5px #0000001a,0 -10px 10px -5px #0000000a}.dialog.open{opacity:1;transform:translateY(0)}@media(max-width:768px){.dialog{width:95%;max-height:85vh}}@media(max-width:480px){.dialog{border-radius:12px 12px 0 0;width:100%;max-height:90vh}.dialog-overlay{padding:0}}.blurred{filter:blur(4px);transition:filter .3s}.stat-card:hover{background-color:#e5e7eb;transform:translateY(-2px)}.folder-tree{background-color:#f9fafb;border-right:1px solid #e5e7eb;transition:width .3s}.project-sidebar{min-width:300px;max-width:380px;padding-left:.5rem;padding-right:.5rem}.folder-item:hover{background-color:#e5e7eb;transform:translate(4px)}.folder-item.active{color:var(--primary);background-color:#dbeafe;font-weight:500}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 16px -1px #4f46e540}.btn-secondary{color:var(--primary);border:1px solid var(--primary);cursor:pointer;background-color:#fff;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #4f46e54d}@supports (color:color-mix(in lab,red,red)){.progress-bar{background-color:color-mix(in srgb,var(--text-dark)8%,transparent)}}.progress-bar{overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-primary-600));border-radius:999px;height:100%;transition:width .5s}.remaining-count{color:#6b7280;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}@media(min-width:641px)and (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1025px){.project-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.dashboard-header{margin-bottom:2rem;padding-top:1rem;padding-bottom:1rem}.nav-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:0}.nav-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:.6rem .25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary);border-bottom-width:3px;font-weight:600}.project-tile h3{color:var(--text-dark);margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.4}.stat-card,.dataset-view .bg-gray-50{background-color:#f8fafc;border-radius:10px;padding:1rem}.nav-tabs{padding-left:1rem;padding-right:1rem}.dataset-view .text-center h3{color:var(--text-dark);font-size:1.25rem;font-weight:700}.dataset-view .text-center p{color:#6b7280;max-width:36rem}.btn-primary{border-radius:.5rem;padding:.6rem 1.1rem;font-weight:600}.project-sidebar .btn-primary{width:calc(100% - 1rem);margin:.25rem auto}.project-tile .project-meta{color:#6b7280;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.875rem;display:flex}.project-tile:hover .project-meta svg{transform:translate(2px)}.main-content{padding-top:2rem}.breadcrumb{align-items:center;margin-bottom:1rem;display:flex}.breadcrumb-item{color:var(--text-dark);opacity:.8;align-items:center;font-size:.875rem;display:flex}.breadcrumb-nav,.breadcrumb{background:linear-gradient(#fffffffa,#f8fafcfa);border-bottom:1px solid #e6e9f0;border-radius:0 0 6px 6px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 1rem;display:flex;box-shadow:0 2px 6px #10182808}.breadcrumb-item{color:var(--text-dark);align-items:center;font-size:.95rem;display:flex}.breadcrumb-item.project-name{color:var(--text-dark);opacity:.95;font-size:1rem;font-weight:700}.breadcrumb-item:hover{color:var(--primary)}.footer-sticky,.modal-footer-sticky{margin-top:auto}.search-input{position:relative}.search-input input{border:1px solid #0000001f;border-radius:.5rem;padding-left:2.5rem;transition:all .2s}.search-input input:focus{box-shadow:0 0 0 2px var(--primary);outline:none}@supports (color:color-mix(in lab,red,red)){.search-input input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)22%,transparent)}}.search-input input:focus{border-color:var(--primary)}.search-input svg{color:var(--text-dark);opacity:.6;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.side-panel{background:var(--bg-dark)}.nav-tabs{border-bottom:1px solid #00000014;align-items:center;gap:1.25rem;padding-left:1rem;padding-right:1rem;display:flex}.nav-tab{cursor:pointer;color:var(--text-dark);opacity:.75;padding:.5rem .25rem;font-weight:600;position:relative}.nav-tab:hover,.nav-tab.active{color:var(--primary)}.nav-tab.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.side-panel-header{background:var(--bg-dark);border-bottom:1px solid #00000014;padding:1rem}.side-panel-content{padding:1rem}.empty-state{text-align:center;color:var(--text-dark);opacity:.7;padding:3rem 1rem}.empty-state svg{opacity:.5;margin:0 auto 1rem}.empty-state h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state p{max-width:24rem;margin:0 auto;font-size:.875rem;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000f;border-radius:3px}::-webkit-scrollbar-thumb{background:#0000003d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000057}.loading{opacity:.6;pointer-events:none}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card{background-color:var(--bg-dark);border-radius:8px;padding:.75rem;transition:all .2s}.stat-card:hover{background-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.stat-card:hover{background-color:color-mix(in srgb,var(--text-dark)8%,transparent)}}.stat-card:hover{transform:translateY(-2px)}.stat-card p:last-child{margin:0;font-size:1.25rem;font-weight:700}.folder-tree{background-color:var(--bg-dark);border-right:1px solid var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.folder-tree{border-right:1px solid color-mix(in srgb,var(--text-dark)12%,transparent)}}.folder-tree{transition:width .3s}.breadcrumb-separator{color:var(--text-dark);margin:0 .5rem}@supports (color:color-mix(in lab,red,red)){.breadcrumb-separator{color:color-mix(in srgb,var(--text-dark)28%,transparent)}}.folder-item{cursor:pointer;border-radius:6px;margin-bottom:2px;padding:.5rem .75rem;transition:all .2s}.folder-item:hover{background-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.folder-item:hover{background-color:color-mix(in srgb,var(--text-dark)8%,transparent)}}.folder-item:hover{transform:translate(4px)}.folder-item.active{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.folder-item.active{background-color:color-mix(in srgb,var(--primary)16%,transparent)}}.folder-item.active{color:var(--text-dark);font-weight:500}.folder-toggle{transition:transform .2s}.folder-toggle.open{transform:rotate(90deg)}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background-color:var(--primary-light);box-shadow:0 4px 6px -1px var(--primary);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover{box-shadow:0 4px 6px -1px color-mix(in srgb,var(--primary)30%,transparent)}}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-dark);color:var(--primary);border:1px solid var(--primary);border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}@supports (color:color-mix(in lab,red,red)){.btn-secondary{border:1px solid color-mix(in srgb,var(--primary)40%,transparent)}}.btn-secondary{cursor:pointer;justify-content:center;align-items:center;display:flex}.btn-secondary:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover{background-color:color-mix(in srgb,var(--primary)12%,transparent)}}.btn-secondary:hover{color:var(--text-dark);box-shadow:0 4px 6px -1px var(--primary);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover{box-shadow:0 4px 6px -1px color-mix(in srgb,var(--primary)30%,transparent)}}.btn-secondary:active{transform:translateY(0)}.empty-state{color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.empty-state{color:color-mix(in srgb,var(--text-dark)60%,transparent)}}.dataset-item{animation:.3s forwards fadeIn}.progress-bar{background-color:var(--text-dark);border-radius:3px;height:6px}@supports (color:color-mix(in lab,red,red)){.progress-bar{background-color:color-mix(in srgb,var(--text-dark)14%,transparent)}}.progress-bar{overflow:hidden}.progress-fill{background-color:var(--primary);height:100%;transition:width .5s}.tags-container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.remaining-count{background-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.remaining-count{background-color:color-mix(in srgb,var(--text-dark)8%,transparent)}}.remaining-count{color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.remaining-count{color:color-mix(in srgb,var(--text-dark)60%,transparent)}}.remaining-count{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.project-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:1.5rem;display:grid}@media(max-width:640px){.project-grid{grid-template-columns:1fr;gap:1rem}}@media(min-width:641px)and (max-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(min-width:1025px){.project-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media(min-width:1400px){.project-grid{grid-template-columns:repeat(5,1fr)}}.dashboard-header{margin-bottom:2rem}.nav-tabs{border-bottom:1px solid var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.nav-tabs{border-bottom:1px solid color-mix(in srgb,var(--text-dark)12%,transparent)}}.nav-tabs{margin-bottom:0}.nav-tab{color:var(--text-dark);border-bottom:2px solid #0000;align-items:center;padding:1rem .25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}@supports (color:color-mix(in lab,red,red)){.nav-tab{color:color-mix(in srgb,var(--text-dark)60%,transparent)}}.nav-tab{cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;text-decoration:none;position:relative}.nav-tab:hover{color:var(--text-dark);border-bottom-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.nav-tab:hover{border-bottom-color:color-mix(in srgb,var(--text-dark)20%,transparent)}}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary);padding-bottom:.4rem}.nav-tab svg{width:1.25rem;height:1.25rem;margin-right:.5rem;transition:transform .2s}.nav-tab:hover svg{transform:translateY(-1px)}.nav-tab.active svg{transform:scale(1.05)}.project-tile h3{margin-bottom:.375rem;font-size:.875rem;font-weight:600;line-height:1.3}.project-tile .tags-container{flex:1;min-height:1.25rem;margin-bottom:.5rem}.project-tile .project-meta{margin-top:auto;padding-top:.375rem}.project-tile .project-meta svg{transition:transform .2s}.project-sidebar{background:linear-gradient(#fff,#f0f4ff)!important;border-right:2px solid #6366f1!important;box-shadow:4px 0 16px #4f46e526!important}.search-input{background:#f0f4ff!important;border:2px solid #c7d2fe!important;border-radius:16px!important;padding:1rem 1rem 1rem 3rem!important;font-weight:500!important;transition:all .3s!important}.search-input:focus{border-color:var(--primary)!important;background:#fff!important;outline:none!important;transform:scale(1.02)!important;box-shadow:0 0 0 4px #4f46e533!important}.main-content-area{background:linear-gradient(145deg,#fff,#f8fafc)!important;border-radius:0 0 0 24px!important}.empty-state-enhanced{text-align:center!important;background:linear-gradient(135deg,#f0f4ff,#fff)!important;border:3px dashed #a855f7!important;border-radius:24px!important;padding:4rem!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px #a855f726!important}.empty-state-enhanced:before{content:""!important;pointer-events:none!important;background:radial-gradient(circle at 30% 20%,#4f46e51a,#0000 50%),radial-gradient(circle at 70% 80%,#a855f71a,#0000 50%)!important;position:absolute!important;inset:0!important}.empty-state-enhanced>*{z-index:1!important;position:relative!important}.project-sidebar .folder-item{cursor:pointer!important;background-color:#0000!important;border:1px solid #0000!important;border-radius:12px!important;margin-bottom:8px!important;padding:1rem!important;transition:all .4s cubic-bezier(.25,.46,.45,.94)!important;position:relative!important;overflow:hidden!important}.project-sidebar .folder-item:before{content:""!important;background:linear-gradient(90deg,var(--primary),var(--secondary))!important;z-index:0!important;width:0!important;height:100%!important;transition:width .4s!important;position:absolute!important;top:0!important;left:0!important}.project-sidebar .folder-item:hover:before{width:6px!important}.project-sidebar .folder-item:hover{background:linear-gradient(135deg,#f0f4ff,#fff)!important;border-color:#c7d2fe!important;transform:translate(12px)scale(1.02)!important;box-shadow:0 8px 24px #4f46e533!important}.project-sidebar .folder-item.active,.project-sidebar .folder-item.bg-blue-100{color:var(--primary)!important;border-color:var(--primary)!important;background:linear-gradient(135deg,#dbeafe,#f0f4ff)!important;font-weight:700!important;transform:translate(8px)!important;box-shadow:0 4px 16px #4f46e54d!important}.project-sidebar .folder-item.active:before,.project-sidebar .folder-item.bg-blue-100:before{background:linear-gradient(90deg,var(--secondary),var(--primary))!important;width:6px!important}.btn-enhanced{background:linear-gradient(135deg,#f8fafc,#e0e7ff)!important;border:1px solid #c7d2fe!important;border-radius:8px!important;padding:.75rem 1rem!important;transition:all .3s!important;position:relative!important;overflow:hidden!important}.btn-enhanced:before{content:""!important;background:linear-gradient(90deg,#0000,#4f46e533,#0000)!important;width:100%!important;height:100%!important;transition:left .5s!important;position:absolute!important;top:0!important;left:-100%!important}.btn-enhanced:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #4f46e533!important}.btn-enhanced:hover:before{left:100%!important}.dataset-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.dataset-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--secondary));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.dataset-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.dataset-card:hover:before{transform:scaleX(1)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3}.project-card-enhanced{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.project-card-enhanced:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000,#4f46e50d);transition:opacity .3s;position:absolute;inset:0}.project-card-enhanced:hover:after{opacity:1}.project-card-enhanced:hover{border-color:var(--primary);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001a}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.loading-bar-container{width:100%;padding:1rem 0}.loading-bar-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.loading-bar-track{background-color:#e5e7eb;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px;height:100%;transition:width .3s}.loading-bar-indeterminate{background:linear-gradient(90deg,transparent,var(--primary),transparent);width:30%;height:100%;animation:2s ease-in-out infinite loading-slide;position:absolute;top:0;left:0}.loading-bar-message{color:#6b7280;font-size:.875rem;font-weight:500}.global-loading-bar{z-index:9999;background-color:#f3f4f6;height:3px;position:fixed;top:0;left:0;right:0}.global-loading-bar-fill{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary-light));width:30%;height:100%;animation:1.5s ease-in-out infinite global-loading-slide}.inline-loader{color:#6b7280;align-items:center;gap:.5rem;padding:.5rem;display:flex}.inline-loader-spinner{border:2px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.inline-loader-text{font-size:.875rem;font-weight:500}@keyframes loading-slide{0%{left:-30%}50%{left:100%}to{left:100%}}@keyframes global-loading-slide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.folder-loading{opacity:.6;pointer-events:none}.folder-loading:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:1.5s ease-in-out infinite folder-shimmer;position:absolute;inset:0}@keyframes folder-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dataset-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;height:60px;margin-bottom:8px;animation:2s infinite shimmer}.metric-tile{background:var(--tile-bg,#fff);border:1px solid var(--tile-border,#e5e7eb);min-height:100px;box-shadow:var(--shadow,0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s;display:flex}.metric-tile:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0f172a1a}.metric-tile .metric-title,.metric-tile>.text-xs:first-child,.metric-tile .metric-label{color:var(--dc-muted,#6b7280);text-transform:uppercase;letter-spacing:.05em;text-align:center;width:100%;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.metric-tile .metric-value,.metric-tile>.text-xl,.metric-tile .value{color:var(--text-dark,#111827);font-size:1.75rem;font-weight:700;line-height:1.2}[data-theme=synthehol-dark] .metric-tile,html.dark .metric-tile,body.dark .metric-tile{background:var(--bg-dark,#0b0f16);box-shadow:var(--shadow,0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d);border-color:#ffffff0f}[data-theme=synthehol-mint] .metric-tile,[data-theme=synthehol-mint] .metric-card{border:2px solid var(--tile-border);box-shadow:var(--shadow);background:var(--tile-bg);margin-bottom:1.5rem}[data-theme=synthehol-mint] .metric-tile:hover,[data-theme=synthehol-mint] .metric-card:hover{border-color:var(--brand-secondary-500)}@supports (color:color-mix(in lab,red,red)){[data-theme=synthehol-mint] .metric-tile:hover,[data-theme=synthehol-mint] .metric-card:hover{border-color:color-mix(in srgb,var(--brand-secondary-500)80%,transparent)}}[data-theme=synthehol-mint] .metric-tile:hover,[data-theme=synthehol-mint] .metric-card:hover{box-shadow:var(--shadow-secondary);transform:translateY(-3px)}:root,[data-theme=synthehol-light]{--syn-grape:#805476;--syn-terra:#a85a57;--syn-apricot:#ff3b30;--syn-sand:#ebc285;--syn-mist:#879ea3;--syn-slate:#506273;--syn-ink:#373f57;--brand-primary-500:var(--syn-apricot);--brand-primary-600:#d6864a;--brand-primary-700:#b46f3d;--brand-secondary-500:var(--syn-terra);--brand-secondary-600:#8f4b48;--brand-secondary-700:#733c3a;--brand-accent-500:var(--syn-mist);--brand-accent-600:#6f8a90;--brand-accent-700:#5a7379;--bg-light:#f7f8fb;--bg-dark:#fff;--text-dark:var(--syn-ink);--text-light:#f9fafb;--primary:var(--brand-primary-500);--primary-light:#f4c79b;--primary-dark:var(--brand-primary-600);--secondary:var(--brand-secondary-500);--secondary-light:#c98784;--secondary-dark:var(--brand-secondary-600);--accent:var(--brand-accent-500);--accent-light:#a6bcc1;--shadow:0 10px 15px -3px #e99f621a,0 4px 6px -2px #e99f620f;--shadow-secondary:0 10px 15px -3px #a85a571a,0 4px 6px -2px #a85a570f;--surface-1:var(--bg-light);--surface-2:#fff;--surface-3:#f3f4f6;--card-bg:#fff;--sidebar-bg:#f9fafb;--text-1:var(--text-dark);--text-2:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme=synthehol-light]{--text-2:color-mix(in srgb,var(--text-dark)65%,transparent)}}:root,[data-theme=synthehol-light]{--text-3:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){:root,[data-theme=synthehol-light]{--text-3:color-mix(in srgb,var(--text-dark)50%,transparent)}}:root,[data-theme=synthehol-light]{--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--border:#0000001f;--border-color:#e5e7eb;--brand:var(--primary);--primary-color:var(--brand-primary-500);--info:#3b82f6;--info-bg:#eff6ff;--info-border:#3b82f6;--success:#10b981;--success-bg:#10b9811a;--success-border:#10b9814d;--danger:#dc2626;--danger-bg:#dc26261a;--danger-border:#dc26264d}[data-theme=synthehol-dark]{--syn-grape:#8f6b98;--syn-terra:#c0706d;--syn-apricot:#ff3b30;--syn-sand:#f0d39d;--syn-mist:#9ab0b5;--syn-slate:#6a7a8a;--syn-ink:#d9dee7;--brand-primary-500:var(--syn-apricot);--brand-primary-600:#e29a67;--brand-primary-700:#d18455;--brand-secondary-500:var(--syn-terra);--brand-secondary-600:#a95f5c;--brand-secondary-700:#8f4d4a;--brand-accent-500:var(--syn-mist);--brand-accent-600:#86a0a6;--brand-accent-700:#728a90;--bg-light:#0f131b;--bg-dark:#0b0f16;--text-dark:var(--syn-ink);--text-light:#e5eaf1;--primary:var(--brand-primary-500);--primary-light:#f6c89b;--primary-dark:var(--brand-primary-600);--secondary:var(--brand-secondary-500);--secondary-light:#cc8b89;--secondary-dark:var(--brand-secondary-600);--accent:var(--brand-accent-500);--accent-light:#a9babf;--shadow:0 10px 15px -3px #e99f622e,0 4px 6px -2px #e99f6214;--shadow-secondary:0 10px 15px -3px #a85a572e,0 4px 6px -2px #a85a5714;--surface-1:var(--bg-light);--surface-2:var(--bg-dark);--surface-2-dark:#1f2937;--surface-3:#141a24;--surface-3-dark:#334155;--card-bg:#1e293b;--sidebar-bg:#0f172a;--text-1:var(--text-dark);--text-2:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){[data-theme=synthehol-dark]{--text-2:color-mix(in srgb,var(--text-dark)70%,transparent)}}[data-theme=synthehol-dark]{--text-3:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){[data-theme=synthehol-dark]{--text-3:color-mix(in srgb,var(--text-dark)55%,transparent)}}[data-theme=synthehol-dark]{--text-primary-dark:#f9fafb;--text-secondary-dark:#d1d5db;--text-muted-dark:#9ca3af;--border:#ffffff1f;--border-dark:#374151;--border-color:#374151;--brand:var(--primary);--primary-color:var(--brand-primary-500);--accent-dark:#a9babf;--info-dark:#60a5fa;--info-bg-dark:#1e3a5f;--info-border-dark:#60a5fa;--success:#34d399;--success-bg:#34d39926;--success-border:#34d39966;--danger:#f87171;--danger-bg:#f8717126;--danger-border:#f8717166}[data-theme=synthehol-mint]{--syn-grape:#14b8a6;--syn-terra:#f59e0b;--syn-apricot:#0d9488;--syn-sand:#fbbf24;--syn-mist:#2dd4bf;--syn-slate:#0f766e;--syn-ink:#1f2937;--ny-turquoise:#0d9488;--ny-turquoise-light:#14b8a6;--ny-turquoise-lighter:#2dd4bf;--ny-turquoise-dark:#0f766e;--ny-turquoise-darker:#115e59;--ny-honey:#f59e0b;--ny-honey-light:#fbbf24;--ny-honey-dark:#d97706;--ny-beige:#fde68a;--ny-sage:#65a30d;--ny-ink:#1f2937;--brand-primary-500:var(--ny-turquoise);--brand-primary-600:var(--ny-turquoise-dark);--brand-primary-700:var(--ny-turquoise-darker);--brand-secondary-500:var(--ny-honey);--brand-secondary-600:var(--ny-honey-dark);--brand-secondary-700:#b45309;--brand-accent-500:var(--ny-turquoise-light);--brand-accent-600:var(--ny-turquoise);--brand-accent-700:var(--ny-turquoise-dark);--bg-light:#ccfbf1;--bg-white:#f0fdfa;--bg-dark:#f0fdfa;--text-dark:var(--ny-ink);--text-light:#f9fafb;--primary:var(--brand-primary-500);--primary-light:var(--ny-turquoise-light);--primary-dark:var(--brand-primary-600);--secondary:var(--brand-secondary-500);--secondary-light:var(--ny-honey-light);--secondary-dark:var(--brand-secondary-600);--accent:var(--brand-accent-500);--accent-light:var(--ny-turquoise-lighter);--shadow:0 2px 12px #f59e0b4d,0 1px 4px #0000002e;--shadow-secondary:0 2px 12px #0d948840,0 1px 4px #00000026;--surface-1:var(--bg-light);--surface-2:#f0fdfa;--surface-3:#99f6e4;--text-1:var(--text-dark);--text-2:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){[data-theme=synthehol-mint]{--text-2:color-mix(in srgb,var(--text-dark)75%,transparent)}}[data-theme=synthehol-mint]{--text-3:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){[data-theme=synthehol-mint]{--text-3:color-mix(in srgb,var(--text-dark)60%,transparent)}}[data-theme=synthehol-mint]{--border:#f59e0bbf;--border-color:#f59e0bbf;--brand:var(--primary);--tile-bg:#f0fdfa;--tile-border:#f59e0bcc;--dc-muted:#4b5563;--success:var(--ny-sage);--success-bg:#65a30d33;--success-border:#65a30d80;--danger:#dc2626;--danger-bg:#dc262633;--danger-border:#dc262680}html.dark,body.dark,[data-theme=synthehol-dark] body,[data-theme=synthehol-dark] html{background-color:var(--bg-light);color:var(--text-dark)}.org-members-panel{background:var(--bg-dark);color:var(--text-dark);border:1px solid #0000000f;border-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.org-members-panel{border-color:color-mix(in hsl,var(--text-dark)12%,transparent)}}.org-members-panel{box-shadow:var(--shadow);border-radius:12px}.org-members-header{border-bottom:1px solid var(--text-dark);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.org-members-header{border-bottom:1px solid color-mix(in hsl,var(--text-dark)12%,transparent)}}.org-members-header{gap:12px}.org-members-tabs{border-bottom:2px solid var(--text-dark);gap:4px;padding:12px 16px 0;display:flex}@supports (color:color-mix(in lab,red,red)){.org-members-tabs{border-bottom:2px solid color-mix(in hsl,var(--text-dark)8%,transparent)}}.org-members-tabs{background:var(--surface-1)}.org-tab{color:var(--text-dark);background:0 0;border:none;padding:10px 16px}@supports (color:color-mix(in lab,red,red)){.org-tab{color:color-mix(in hsl,var(--text-dark)65%,white)}}.org-tab{cursor:pointer;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;margin-bottom:-2px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.org-tab:hover{background:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.org-tab:hover{background:color-mix(in hsl,var(--text-dark)5%,transparent)}}.org-tab:hover{color:var(--text-dark)}.org-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.org-tab.active{background:color-mix(in hsl,var(--primary)8%,transparent)}}.tab-count{background:var(--text-dark);border-radius:10px;justify-content:center;align-items:center;min-width:24px;height:20px;padding:0 6px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.tab-count{background:color-mix(in hsl,var(--text-dark)12%,transparent)}}.tab-count{color:var(--text-dark);font-size:.75rem;font-weight:600}.org-member-row{border-bottom:1px solid var(--text-dark);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.org-member-row{border-bottom:1px solid color-mix(in hsl,var(--text-dark)6%,transparent)}}.org-member-row{gap:16px;transition:background .15s}.org-member-row:hover{background:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.org-member-row:hover{background:color-mix(in hsl,var(--text-dark)3%,transparent)}}.org-member-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.org-member-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));width:40px;height:40px;color:var(--text-light);border-radius:10px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;display:grid}.org-member-actions{align-items:center;gap:10px;display:flex}.role-select{border:1px solid var(--text-dark);padding:6px 10px}@supports (color:color-mix(in lab,red,red)){.role-select{border:1px solid color-mix(in hsl,var(--text-dark)15%,transparent)}}.role-select{background:var(--surface-2);color:var(--text-dark);cursor:pointer;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .2s}.role-select:hover{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.role-select:hover{background:color-mix(in hsl,var(--primary)5%,var(--surface-2))}}.role-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary);outline:none}@supports (color:color-mix(in lab,red,red)){.role-select:focus{box-shadow:0 0 0 3px color-mix(in hsl,var(--primary)15%,transparent)}}.org-member-actions .btn-danger{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.add-user-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0009;place-items:center;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.add-user-dialog{background:var(--bg-dark);width:540px;max-width:95vw;color:var(--text-dark);border:1px solid var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.add-user-dialog{border:1px solid color-mix(in hsl,var(--text-dark)12%,transparent)}}.add-user-dialog{border-radius:16px;animation:.3s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.add-user-header{background:linear-gradient(135deg,var(--primary)0%,var(--surface-2)100%);justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}@supports (color:color-mix(in lab,red,red)){.add-user-header{background:linear-gradient(135deg,color-mix(in hsl,var(--primary)8%,var(--surface-2))0%,var(--surface-2)100%)}}.add-user-header{border-bottom:1px solid var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.add-user-header{border-bottom:1px solid color-mix(in hsl,var(--text-dark)8%,transparent)}}.add-user-title{color:var(--text-dark);margin-bottom:4px;font-size:1.25rem;font-weight:700}.add-user-subtitle{color:var(--text-dark);font-size:.875rem}@supports (color:color-mix(in lab,red,red)){.add-user-subtitle{color:color-mix(in hsl,var(--text-dark)60%,white)}}.close-button{background:var(--text-dark);border-radius:8px;width:32px;height:32px}@supports (color:color-mix(in lab,red,red)){.close-button{background:color-mix(in hsl,var(--text-dark)5%,transparent)}}.close-button{color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.close-button{color:color-mix(in hsl,var(--text-dark)60%,white)}}.close-button{cursor:pointer;border:none;flex-shrink:0;place-items:center;font-size:1.25rem;transition:all .2s;display:grid}.close-button:hover{background:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.close-button:hover{background:color-mix(in hsl,var(--text-dark)10%,transparent)}}.close-button:hover{color:var(--text-dark);transform:rotate(90deg)}.add-user-body{flex-direction:column;gap:24px;padding:28px;display:flex}.error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;animation:.4s shake;display:flex}.error-icon{color:#dc2626;flex-shrink:0}.form-group{flex-direction:column;gap:10px;display:flex}.form-label{color:var(--text-dark);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;display:flex}.form-hint{color:var(--text-dark);font-size:.75rem;font-weight:400}@supports (color:color-mix(in lab,red,red)){.form-hint{color:color-mix(in hsl,var(--text-dark)50%,white)}}.form-hint{font-style:italic}.loading-indicator{color:var(--primary);font-size:.75rem;font-style:italic;font-weight:400}.form-select{background:var(--surface-2);width:100%;color:var(--text-dark);border:2px solid var(--text-dark);padding:12px 14px}@supports (color:color-mix(in lab,red,red)){.form-select{border:2px solid color-mix(in hsl,var(--text-dark)12%,transparent)}}.form-select{cursor:pointer;border-radius:10px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-select:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.form-select:hover:not(:disabled){border-color:color-mix(in hsl,var(--primary)40%,transparent)}}.form-select:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.form-select:hover:not(:disabled){background:color-mix(in hsl,var(--primary)3%,var(--surface-2))}}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary);outline:none}@supports (color:color-mix(in lab,red,red)){.form-select:focus{box-shadow:0 0 0 4px color-mix(in hsl,var(--primary)15%,transparent)}}.form-select:focus{background:var(--bg-dark)}.role-select option{padding:10px;font-family:inherit;font-size:.9rem}.role-icon-preview{background:var(--primary);align-items:center;gap:10px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.role-icon-preview{background:color-mix(in hsl,var(--primary)8%,var(--surface-2))}}.role-icon-preview{border:1px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){.role-icon-preview{border:1px solid color-mix(in hsl,var(--primary)20%,transparent)}}.role-icon-preview{color:var(--text-dark);border-radius:8px;margin-top:4px;font-size:.875rem;font-weight:500}.user-preview{background:var(--primary);align-items:center;gap:14px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.user-preview{background:color-mix(in hsl,var(--primary)5%,var(--surface-1))}}.user-preview{border:1px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){.user-preview{border:1px solid color-mix(in hsl,var(--primary)20%,transparent)}}.user-preview{border-radius:10px;margin-top:4px}.user-preview-avatar{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1rem;font-weight:700;display:grid;box-shadow:0 4px 12px #00000026}.user-preview-name{color:var(--text-dark);margin-bottom:2px;font-size:.95rem;font-weight:600}.user-preview-email{color:var(--text-dark);font-size:.85rem}@supports (color:color-mix(in lab,red,red)){.user-preview-email{color:color-mix(in hsl,var(--text-dark)60%,white)}}.add-user-footer{border-top:1px solid var(--text-dark);padding:20px 28px}@supports (color:color-mix(in lab,red,red)){.add-user-footer{border-top:1px solid color-mix(in hsl,var(--text-dark)8%,transparent)}}.add-user-footer{background:var(--surface-1);justify-content:flex-end;gap:12px;display:flex}.btn-cancel{background:var(--surface-2);color:var(--text-dark);border:2px solid var(--text-dark);padding:10px 20px}@supports (color:color-mix(in lab,red,red)){.btn-cancel{border:2px solid color-mix(in hsl,var(--text-dark)15%,transparent)}}.btn-cancel{cursor:pointer;border-radius:10px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-cancel:hover:not(:disabled){background:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.btn-cancel:hover:not(:disabled){background:color-mix(in hsl,var(--text-dark)8%,transparent)}}.btn-cancel:hover:not(:disabled){border-color:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.btn-cancel:hover:not(:disabled){border-color:color-mix(in hsl,var(--text-dark)25%,transparent)}}.btn-cancel:hover:not(:disabled){transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,var(--primary)0%,var(--primary)100%);padding:10px 24px}@supports (color:color-mix(in lab,red,red)){.btn-submit{background:linear-gradient(135deg,var(--primary)0%,color-mix(in hsl,var(--primary)85%,var(--secondary))100%)}}.btn-submit{color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--primary);border:none;border-radius:10px;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}@supports (color:color-mix(in lab,red,red)){.btn-submit{box-shadow:0 4px 12px color-mix(in hsl,var(--primary)35%,transparent)}}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px var(--primary);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in hsl,var(--primary)45%,transparent)}}.btn-submit:hover:not(:disabled){filter:brightness(1.05)}.animate-spin{animation:1s linear infinite spin}.btn-secondary{background:var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.btn-secondary{background:color-mix(in hsl,var(--text-dark)10%,transparent)}}.btn-secondary{color:var(--text-dark);border-radius:8px;padding:8px 12px}.btn-primary{background:var(--primary);color:#fff;border-radius:8px;padding:8px 12px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[2147483648\]{z-index:2147483647}.col-span-5{grid-column:span 5/span 5}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-\[80vh\]{height:80vh}.h-\[88vh\]{height:88vh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[75vh\]{max-height:75vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[520px\]{max-height:520px}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.max-h-\[calc\(90vh-140px\)\]{max-height:calc(90vh - 140px)}.min-h-\[200px\]{min-height:200px}.min-h-\[690px\]{min-height:690px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-\[24\%\]{width:24%}.w-\[50vw\]{width:50vw}.w-\[90vw\]{width:90vw}.w-\[92vw\]{width:92vw}.w-\[98\%\]{width:98%}.w-full{width:100%}.w-px{width:1px}.max-w-\[80px\]{max-width:80px}.max-w-\[140px\]{max-width:140px}.max-w-none{max-width:none}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--brand\)\]{border-color:var(--brand)}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--brand\)\]{background-color:var(--brand)}.bg-\[var\(--primary\)\],.bg-\[var\(--primary\)\]\/90{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--primary\)\]\/90{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.bg-\[var\(--surface-1\)\]{background-color:var(--surface-1)}.bg-\[var\(--surface-2\)\]{background-color:var(--surface-2)}.bg-\[var\(--surface-3\)\]{background-color:var(--surface-3)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#374151\]{color:#374151}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text-1\)\]{color:var(--text-1)}.text-\[var\(--text-2\)\]{color:var(--text-2)}.text-\[var\(--text-3\)\]{color:var(--text-3)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[var\(--primary\)\]:is(:where(.group):hover *){color:var(--primary)}.group-hover\:opacity-30:is(:where(.group):hover *){opacity:.3}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.even\:bg-\[var\(--surface-2\)\]:nth-child(2n){background-color:var(--surface-2)}@media(hover:hover){.hover\:border-\[var\(--primary\)\]\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[var\(--primary\)\]\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\:bg-\[var\(--primary-dark\)\]:hover{background-color:var(--primary-dark)}.hover\:bg-\[var\(--surface-4\)\]:hover{background-color:var(--surface-4)}.hover\:text-\[var\(--text-1\)\]:hover{color:var(--text-1)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--brand\)\]:focus{--tw-ring-color:var(--brand)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(prefers-color-scheme:dark){.dark\:border-\[var\(--border\)\]{border-color:var(--border)}.dark\:bg-\[var\(--surface-2\)\]{background-color:var(--surface-2)}.dark\:bg-\[var\(--surface-3\)\]{background-color:var(--surface-3)}.dark\:text-\[\#9fb0c6\]{color:#9fb0c6}.dark\:text-\[\#e6eef8\]{color:#e6eef8}.dark\:text-\[var\(--text-1\)\]{color:var(--text-1)}.dark\:text-\[var\(--text-2\)\]{color:var(--text-2)}.dark\:text-\[var\(--text-3\)\]{color:var(--text-3)}@media(hover:hover){.dark\:hover\:bg-\[\#062033\]:hover{background-color:#062033}.dark\:hover\:bg-\[var\(--surface-4\)\]:hover{background-color:var(--surface-4)}.dark\:hover\:text-\[\#e6eef8\]:hover{color:#e6eef8}.dark\:hover\:text-\[var\(--text-2\)\]:hover{color:var(--text-2)}}}@keyframes refreshPulseBorder{}@keyframes datasetSelectorPulse{}.gen-refresh{border:1px solid var(--border);background:var(--surface-2);width:26px;height:26px;color:var(--text-1);border-radius:6px;font-size:14px;line-height:1;transition:background .25s,color .25s,box-shadow .25s,border-color .25s;position:relative}.gen-refresh:hover:not(:disabled){background:var(--surface-3);color:var(--text-1);border-color:var(--border)}.gen-refresh:disabled{opacity:.65;cursor:not-allowed}.gen-refresh-active{background:var(--primary);animation:1.4s ease-in-out infinite refreshPulseBorder;border-color:var(--primary)!important;color:var(--primary-dark)!important}@supports (color:color-mix(in lab,red,red)){.gen-refresh-active{background:color-mix(in srgb,var(--primary)15%,var(--surface-2))}}.dark .gen-refresh{background:var(--surface-2);color:var(--text-1);border-color:var(--border)}.dark .gen-refresh:hover:not(:disabled){background:var(--surface-3);color:var(--text-1);border-color:var(--border)}.dark .gen-refresh-active{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark .gen-refresh-active{background:color-mix(in srgb,var(--primary)20%,var(--surface-2))}}.dark .gen-refresh-active{color:var(--text-1)}.project-sidebar{position:relative}.btn-enhanced{background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-dark)100%);border-radius:.5rem;justify-content:flex-start;width:100%;padding:.75rem 1rem}@supports (color:color-mix(in lab,red,red)){.btn-enhanced{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-dark)96%,white 4%),color-mix(in srgb,var(--bg-dark)90%,white 10%))}}.btn-enhanced{border:1px solid var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.btn-enhanced{border:1px solid color-mix(in srgb,var(--text-dark)12%,transparent)}}.btn-enhanced{transition:all .2s ease-in-out}.project-sidebar .btn-enhanced:hover{background:linear-gradient(135deg,var(--primary)0%,var(--primary)100%)}@supports (color:color-mix(in lab,red,red)){.project-sidebar .btn-enhanced:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary)7%,var(--bg-dark)),color-mix(in srgb,var(--primary)12%,var(--bg-dark)))}}.project-sidebar .btn-enhanced:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.project-sidebar .btn-enhanced:hover{border-color:color-mix(in srgb,var(--primary)30%,transparent)}}.project-sidebar .btn-enhanced:hover{box-shadow:0 4px 12px var(--primary);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.project-sidebar .btn-enhanced:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--primary)15%,transparent)}}.project-sidebar .content-area{flex:1;min-height:0;overflow-y:auto}.new-dataset-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-dark)}@supports (color:color-mix(in lab,red,red)){.new-dataset-btn{background-color:color-mix(in srgb,var(--bg-dark)90%,white 10%)}}.new-dataset-btn{border:1px solid var(--text-dark)}@supports (color:color-mix(in lab,red,red)){.new-dataset-btn{border:1px solid color-mix(in srgb,var(--text-dark)16%,transparent)}}.new-dataset-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.new-dataset-btn:hover{background-color:var(--bg-dark)}@supports (color:color-mix(in lab,red,red)){.new-dataset-btn:hover{background-color:color-mix(in srgb,var(--bg-dark)84%,white 16%)}}.new-dataset-btn:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.new-dataset-btn:hover{border-color:color-mix(in srgb,var(--primary)30%,transparent)}}.new-dataset-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.new-dataset-btn:active{transform:translateY(0)}.nav-tab,.nav-tab.active{transition:color .18s,border-bottom-color .18s}.dataset-view .nav-tabs{z-index:1000;position:relative}.dataset-view .nav-tab{z-index:1001;pointer-events:auto;position:relative}.dataset-view .nav-tabs .border-t{pointer-events:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.activity-indicator-container{position:relative;display:flex;align-items:center}.activity-indicator-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:.5rem;transition:background-color .2s;color:var(--text-secondary)}.activity-indicator-btn:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-primary)}.activity-indicator-icon{position:relative;display:flex;align-items:center;justify-content:center}.activity-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--primary-color, #3b82f6);color:#fff;border-radius:9px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-primary)}.activity-badge.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.activity-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:380px;max-height:500px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.activity-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.activity-dropdown-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.activity-count{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:.375rem;font-weight:500}.activity-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);font-size:.875rem}.activity-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-secondary);font-size:.875rem}.activity-loading .spin{animation:spin 1s linear infinite}.activity-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;max-height:150px;overflow-y:auto}.activity-summary-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;background:var(--bg-primary);transition:background-color .2s}.activity-summary-item:hover{background:var(--hover-bg)}.activity-summary-label{flex:1;font-size:.875rem;color:var(--text-primary);font-weight:500}.activity-summary-count{font-size:.875rem;font-weight:600;color:var(--primary-color, #3b82f6);background:var(--primary-bg, #eff6ff);padding:.125rem .5rem;border-radius:.375rem;min-width:24px;text-align:center}.activity-divider{height:1px;background:var(--border-color);margin:0}.activity-list{display:flex;flex-direction:column;gap:.5rem;padding:1rem;max-height:300px;overflow-y:auto}.activity-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);transition:all .2s}.activity-item:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #0000000d}.activity-item-header{display:flex;align-items:flex-start;gap:.75rem}.activity-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.5rem;background:var(--primary-bg, #eff6ff);color:var(--primary-color, #3b82f6);flex-shrink:0}.activity-item-info{flex:1;min-width:0}.activity-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item-description{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item-duration{font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.activity-progress{display:flex;align-items:center;gap:.75rem}.activity-progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.activity-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color, #3b82f6),var(--secondary-color, #8b5cf6));border-radius:3px;transition:width .5s ease}.activity-progress-text{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.activity-error-msg{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);font-size:.75rem;border-radius:.375rem}.activity-footer{padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.activity-avg-progress{font-size:.75rem;color:var(--text-secondary);text-align:center}.activity-summary::-webkit-scrollbar,.activity-list::-webkit-scrollbar{width:6px}.activity-summary::-webkit-scrollbar-track,.activity-list::-webkit-scrollbar-track{background:transparent}.activity-summary::-webkit-scrollbar-thumb,.activity-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.activity-summary::-webkit-scrollbar-thumb:hover,.activity-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(prefers-color-scheme:dark){.activity-badge{border-color:var(--bg-secondary)}.activity-dropdown{box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0006}}@media(max-width:640px){.activity-dropdown{width:320px;max-height:400px}.activity-list{max-height:250px}}.notification-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease-out}.notification-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--surface-2, var(--bg-dark, #ffffff));box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.notification-panel.open{transform:translate(0)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .1));flex-shrink:0}.notification-panel-title-container{flex:1;min-width:0}.notification-panel-title{font-size:1.25rem;font-weight:600;color:var(--text-1, var(--text-dark, #111827));margin:0 0 .25rem}.notification-panel-breadcrumb{font-size:.8125rem;color:var(--text-2, rgba(107, 114, 128, .8));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem}.notification-panel-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-2, rgba(107, 114, 128, .8));border-radius:.5rem;cursor:pointer;transition:all .2s}.notification-panel-close:hover{background:var(--surface-3, rgba(0, 0, 0, .05));color:var(--text-1, var(--text-dark, #111827))}.notification-panel-close:active{transform:scale(.95)}.notification-filter-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .1));background:var(--surface-3, rgba(0, 0, 0, .02));flex-shrink:0}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-2, rgba(107, 114, 128, .8));white-space:nowrap}.filter-select{flex:1;padding:.5rem .75rem;border:1px solid var(--border, rgba(0, 0, 0, .1));background:var(--surface-2, var(--bg-dark, #ffffff));color:var(--text-1, var(--text-dark, #111827));border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:var(--primary, #3b82f6)}.filter-select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #3b82f6) 10%,transparent)}.notification-panel-content{flex:1;overflow-y:auto;padding:1rem}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:400px}.notification-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--surface-3, rgba(0, 0, 0, .03));border-radius:50%;color:var(--text-2, rgba(156, 163, 175, .8));margin-bottom:1.5rem}.notification-empty-title{font-size:1.125rem;font-weight:600;color:var(--text-1, var(--text-dark, #111827));margin:0 0 .5rem}.notification-empty-description{font-size:.875rem;color:var(--text-2, rgba(107, 114, 128, .8));max-width:280px;margin:0;line-height:1.5}.notification-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .1));transition:background-color .2s;cursor:pointer}.notification-item:hover{background:var(--surface-3, rgba(0, 0, 0, .03))}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:color-mix(in srgb,var(--primary, #3b82f6) 10%,transparent)}.notification-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-3, rgba(59, 130, 246, .1));color:var(--primary, #3b82f6);flex-shrink:0}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:.875rem;font-weight:600;color:var(--text-1, var(--text-dark, #111827));margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-description{font-size:.8125rem;color:var(--text-2, rgba(107, 114, 128, .8));margin-bottom:.25rem;line-height:1.4}.notification-item-time{font-size:.75rem;color:var(--text-2, rgba(156, 163, 175, .7))}.notification-panel-footer{display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;padding:1rem 1.5rem;border-top:1px solid var(--border, rgba(0, 0, 0, .1));flex-shrink:0}.notification-pagination{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border, rgba(0, 0, 0, .1));background:transparent;color:var(--text-2, rgba(107, 114, 128, .8));border-radius:.375rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--surface-3, rgba(0, 0, 0, .05));color:var(--text-1, var(--text-dark, #111827));border-color:var(--primary, #3b82f6)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:center;max-width:70%}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:1px solid var(--border, rgba(0, 0, 0, .1));background:transparent;color:var(--text-2, rgba(107, 114, 128, .8));border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-page:hover{background:var(--surface-3, rgba(0, 0, 0, .05));color:var(--text-1, var(--text-dark, #111827))}.pagination-page.active{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.pagination-page.active:hover{background:color-mix(in srgb,var(--primary, #3b82f6) 90%,black)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .25rem;color:var(--text-2, rgba(107, 114, 128, .5));font-size:.875rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notification-footer-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border, rgba(0, 0, 0, .1));background:transparent;color:var(--text-2, rgba(107, 114, 128, .8));border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.notification-footer-btn:hover{background:var(--surface-3, rgba(0, 0, 0, .05));color:var(--text-1, var(--text-dark, #111827));border-color:var(--border, rgba(0, 0, 0, .2))}.notification-panel-content::-webkit-scrollbar{width:8px}.notification-panel-content::-webkit-scrollbar-track{background:transparent}.notification-panel-content::-webkit-scrollbar-thumb{background:var(--border, rgba(0, 0, 0, .2));border-radius:4px}.notification-panel-content::-webkit-scrollbar-thumb:hover{background:var(--border, rgba(0, 0, 0, .3))}@media(max-width:640px){.notification-panel{width:100%;max-width:100vw}.notification-empty{padding:2rem 1rem;min-height:300px}}.notification-panel-close:focus-visible,.notification-footer-btn:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px;color:var(--text-2, rgba(107, 114, 128, .8))}.notification-loading p{margin-top:1rem;font-size:.875rem}.spinning{animation:spin 1s linear infinite}.notification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px;color:var(--syn-apricot, #ef4444)}.notification-error p{margin-top:1rem;font-size:.875rem}.notification-section{margin-bottom:1.5rem}.notification-section:last-child{margin-bottom:0}.notification-section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-2, rgba(107, 114, 128, .8));text-transform:uppercase;letter-spacing:.025em;margin:0 0 .75rem;padding:0 1rem}.notification-item.active-operation{background:color-mix(in srgb,var(--primary, #3b82f6) 8%,transparent);border-left:3px solid var(--primary, #3b82f6);cursor:default}.notification-item.active-operation:hover{background:color-mix(in srgb,var(--primary, #3b82f6) 8%,transparent)}.notification-item-icon.pulsing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.notification-progress{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.notification-progress-bar{flex:1;height:6px;background:var(--surface-3, rgba(0, 0, 0, .1));border-radius:3px;overflow:hidden}.notification-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary, #3b82f6),var(--primary-dark, #2563eb));border-radius:3px;transition:width .3s ease-out;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.notification-progress-text{font-size:.75rem;font-weight:600;color:var(--primary, #3b82f6);min-width:40px;text-align:right}.notification-item.completed-operation{cursor:default}.notification-item-icon.status-completed{background:color-mix(in srgb,#16a34a 15%,transparent);color:#16a34a}.notification-item-icon.status-failed{background:color-mix(in srgb,var(--syn-apricot, #dc2626) 15%,transparent);color:var(--syn-apricot, #dc2626)}.notification-item-icon.status-cancelled{background:color-mix(in srgb,#d97706 15%,transparent);color:#d97706}.notification-item-meta{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:var(--text-2, rgba(156, 163, 175, .8))}.notification-item-type{font-weight:500;color:var(--text-2, rgba(107, 114, 128, .9))}.notification-item-duration{display:flex;align-items:center;gap:.25rem}.notification-item-metrics{display:flex;align-items:center;gap:1rem;margin-top:.5rem;padding:.5rem;background:var(--surface-3, rgba(0, 0, 0, .03));border-radius:.375rem}.notification-item-metrics .metric{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-2, rgba(107, 114, 128, .8))}.notification-item-metrics .metric svg{color:var(--primary, #3b82f6)}.notification-item-error{display:flex;align-items:flex-start;gap:.375rem;margin-top:.5rem;padding:.5rem;background:color-mix(in srgb,var(--syn-apricot, #dc2626) 10%,transparent);border-radius:.375rem;font-size:.75rem;color:var(--syn-apricot, #dc2626);line-height:1.4}.notification-item-error svg{flex-shrink:0;margin-top:.125rem}.notification-item.org-activity{border-left:3px solid var(--primary, #3b82f6)}.notification-item-project{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-2, rgba(107, 114, 128, .8))}.notification-item-project svg{color:var(--primary, #3b82f6)}.notification-item-user{display:flex;align-items:center;gap:.375rem;margin-top:.375rem;padding:.375rem .5rem;background:var(--surface-3, rgba(0, 0, 0, .03));border-radius:.375rem;font-size:.75rem;color:var(--text-2, rgba(107, 114, 128, .8))}.notification-item-user svg{color:var(--text-2, rgba(107, 114, 128, .5))}.header-bg{background-color:var(--surface-1, #ffffff);border-bottom:1px solid var(--border, #e5e7eb);position:sticky;top:0;z-index:100;transition:all .2s ease;overflow:visible}.header-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-container{max-width:100%;margin:0 auto;padding:.5rem;display:flex;justify-content:space-between;align-items:center;min-height:64px;overflow:visible}.header-left{display:flex;align-items:center;gap:.5rem}.header-left .menu-button{margin-right:0}.header-right{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.header-container{padding:.75rem 1.5rem}.header-left{gap:.75rem}.header-left .menu-button{margin-right:.25rem}}@media(min-width:1024px){.header-container{padding:.75rem 2rem}}.theme-switcher-desktop{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:.25rem;gap:.25rem}.theme-switcher-mobile{display:none;position:relative}@media(max-width:768px){.theme-switcher-desktop{display:none!important}.theme-switcher-mobile{display:block!important}.header-container{padding:.75rem 1rem}.header-right{gap:.375rem}.user-info{display:none}.user-menu-btn{padding:.375rem}}@media(max-width:430px){.header-container{padding:.5rem .75rem}.header-right{gap:.25rem}.header-icon-btn{width:36px;height:36px}.header-icon-btn svg{width:18px;height:18px}.header-logo img{height:56px}.user-avatar{width:32px;height:32px;font-size:.8125rem}}.header-logo{display:flex;align-items:center;transition:opacity .2s ease;text-decoration:none}.header-logo:hover{opacity:.85}.header-logo img{height:80px;width:auto}.logo-light{display:block}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:8px;background-color:transparent;color:var(--text-3, #6b7280);border:none;transition:all .2s ease;cursor:pointer}.header-icon-btn:hover{background-color:var(--surface-3, #f3f4f6);color:var(--text-1, #111827)}.header-icon-btn:active{transform:scale(.95)}.header-icon-btn.active{background-color:var(--primary-bg, #eff6ff);color:var(--primary-color, #3b82f6)}.header-icon-btn svg{width:20px;height:20px}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--surface-1, white)}.user-menu-btn{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;border-radius:8px;background-color:transparent;border:none;transition:all .2s ease;cursor:pointer}.user-menu-btn:hover{background-color:var(--surface-3, #f3f4f6)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.user-name{font-size:.875rem;font-weight:500;line-height:1.25;color:var(--text-1, #111827);white-space:nowrap}.user-org{font-size:.75rem;line-height:1;color:var(--text-3, #6b7280);white-space:nowrap}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px #4f46e540;transition:all .2s ease;flex-shrink:0}.user-menu-btn:hover .user-avatar{box-shadow:0 4px 12px #4f46e559;transform:scale(1.05)}.user-dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:14rem;border-radius:12px;background-color:var(--surface-2, white);border:1px solid var(--border, #e5e7eb);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem;z-index:9999;animation:dropdown-appear .15s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.75rem;border-bottom:1px solid var(--border, #e5e7eb);margin-bottom:.5rem}.dropdown-user-name{font-size:.875rem;font-weight:600;color:var(--text-1, #111827);margin-bottom:.25rem;word-wrap:break-word}.dropdown-user-email{font-size:.75rem;color:var(--text-3, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item{width:100%;text-align:left;padding:.625rem .75rem;font-size:.875rem;color:var(--text-2, #374151);border-radius:6px;display:flex;align-items:center;gap:.75rem;transition:all .15s ease;cursor:pointer;border:none;background:transparent;text-decoration:none}.dropdown-item:hover{background-color:var(--surface-3, #f3f4f6);color:var(--text-1, #111827)}.dropdown-divider{margin:.5rem 0;border:none;border-top:1px solid var(--border, #e5e7eb)}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background-color:#fef2f2;color:#991b1b}[data-theme=dark] .dropdown-item.danger{color:#f87171}[data-theme=dark] .dropdown-item.danger:hover{background-color:#dc262626;color:#fca5a5}@media(max-width:768px){.header-container{padding:.75rem 1rem}.user-info{display:none}.header-right{gap:.25rem}.header-icon-btn{width:36px;height:36px}}@media(max-width:640px){.header-container{padding:.5rem 1rem}.header-logo img{height:48px}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:39;display:none}.sidebar{position:fixed;top:100px;left:0;bottom:0;width:240px;background-color:var(--surface-2);border-right:1px solid var(--border-1);z-index:40;overflow-y:auto;transition:transform .3s ease}.sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-1);display:flex;justify-content:flex-end}.sidebar-pin-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:transparent;border:1px solid var(--border-1);border-radius:.375rem;color:var(--text-2);font-size:.875rem;cursor:pointer;transition:all .2s ease}.sidebar-pin-btn:hover{background-color:var(--surface-3);color:var(--text-1);border-color:var(--brand)}.sidebar.sidebar-pinned .sidebar-pin-btn{color:var(--brand);border-color:var(--brand);background-color:var(--surface-3)}.sidebar-pin-text{font-weight:500}.sidebar-mode-toggle{padding:1rem 1.5rem;border-bottom:1px solid var(--border-1)}.mode-toggle-container{display:inline-flex;width:100%;background:var(--surface-3);border:1px solid var(--border-1);border-radius:.5rem;padding:.25rem;gap:.25rem}.mode-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:transparent;color:var(--text-2);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle-btn:hover{background:var(--surface-2);color:var(--text-1)}.mode-toggle-btn.active,.mode-toggle-btn.active:hover{background:var(--brand);color:#fff}.sidebar-nav{padding:1.5rem 0;min-height:300px}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav li{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-2);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease;border-left:3px solid transparent;position:relative;will-change:background-color,color,border-left-color}.sidebar-link:hover{background-color:var(--surface-3);color:var(--text-1)}.sidebar-link.active{background-color:var(--surface-3);color:var(--brand);border-left-color:var(--brand);font-weight:600}.sidebar-link span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open,.sidebar.sidebar-pinned{transform:translate(0)}@media(min-width:769px){.sidebar.sidebar-pinned{transform:translate(0)}}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{display:block}}.Layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.Layout .Layout-body{display:flex;gap:1rem}.Layout .Layout-sidebar{width:260px}.Layout .Layout-content{flex:1 1 auto}.main-content-with-sidebar{margin-left:0;transition:margin-left .3s ease}@media(min-width:769px){.main-content-with-sidebar.sidebar-open,.main-content-with-sidebar.sidebar-pinned{margin-left:240px}}.generation-request-overlay{position:fixed;inset:0;z-index:50;background:linear-gradient(to top,#0009,#0000004d);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;display:flex;justify-content:center;align-items:flex-end}.generation-request-overlay.centered{align-items:center}.generation-request-overlay.centered .generation-request-dialog{border-radius:20px}.generation-request-dialog{background:var(--bg-dark);border-radius:20px 20px 0 0;box-shadow:0 -20px 25px -5px #0000002e,0 -10px 10px -5px #00000014;max-height:85vh;overflow-y:auto;transform:translateY(0);transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid color-mix(in srgb,var(--text-dark) 12%,transparent);width:70vw;max-width:1100px;min-width:320px}.generation-request-dialog:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:color-mix(in srgb,var(--text-dark) 22%,transparent);border-radius:2px}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid color-mix(in srgb,var(--text-dark) 12%,transparent);background:var(--bg-dark);border-radius:20px 20px 0 0;color:var(--text-dark)}.dialog-header.neutral{background:#fff}.generation-request-dialog.neutral{background:#fff;border-radius:20px}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:3rem;height:3rem;flex-shrink:0;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:.875rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.dialog-header h3{font-size:28px;font-weight:700;margin:0;letter-spacing:-.02em}.close-button{background:none;border:none;color:color-mix(in srgb,var(--text-dark) 60%,transparent);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-button:hover{color:var(--text-dark);background:color-mix(in srgb,var(--text-dark) 8%,transparent);transform:scale(1.1)}.step-indicator{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:color-mix(in srgb,var(--text-dark) 4%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent)}.step-indicator.neutral{background:#f8fafc}.step{display:flex;flex-direction:column;align-items:center;gap:10px;color:color-mix(in srgb,var(--text-dark) 60%,transparent);font-size:15px;font-weight:600;transition:all .3s ease}.step.active{color:var(--primary)}.step.completed{color:#10b981}.step-circle{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:color-mix(in srgb,var(--text-dark) 14%,transparent);color:color-mix(in srgb,var(--text-dark) 60%,transparent);transition:all .3s ease;position:relative}.step.active .step-circle{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#7c3aed));color:#fff;transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.step.completed .step-circle{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.05)}.step-connector{width:60px;height:2px;background:color-mix(in srgb,var(--text-dark) 12%,transparent);margin:0 16px}.dialog-content{padding:28px;width:95%;max-height:50vh;overflow-y:auto}.step-content h4{font-size:22px;font-weight:700;color:var(--text-dark);margin:0 0 12px;letter-spacing:-.01em}.step-content p{color:color-mix(in srgb,var(--text-dark) 70%,transparent);margin:0 0 32px;font-size:16px;line-height:1.6}.error-message{display:flex;align-items:center;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.875rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.error-message svg,.error-message .icon{width:1.25rem;height:1.25rem;flex-shrink:0}.dataset-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.dataset-item{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid color-mix(in srgb,var(--text-dark) 12%,transparent);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--bg-dark)}.dataset-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px #00000024}.dataset-item.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.dataset-icon{width:2.5rem;height:2.5rem;background:color-mix(in srgb,var(--text-dark) 10%,transparent);border-radius:12px;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--text-dark) 60%,transparent);flex-shrink:0}.dataset-item.selected .dataset-icon{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#7c3aed));color:#fff}.dataset-info{flex:1}.dataset-name{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.dataset-meta{display:flex;gap:16px;font-size:14px;color:color-mix(in srgb,var(--text-dark) 60%,transparent)}.selected-indicator{width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-bottom:32px}.config-section{display:flex;flex-direction:column;gap:10px}.config-section label{font-size:14px;font-weight:600;color:var(--text-dark);letter-spacing:.01em}.config-input,.config-select{padding:14px 18px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;font-weight:500;transition:all .2s ease;background:var(--surface-2);color:var(--text-1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.config-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}[data-theme=dark] .config-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.config-input{background-image:none;padding-right:16px;cursor:text}.config-input:focus,.config-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent);transform:translateY(-1px)}.config-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:color-mix(in srgb,var(--text-dark) 12%,transparent);outline:none}.config-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 4px #0003}.config-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.config-advanced{background:color-mix(in srgb,var(--text-dark) 3%,transparent);padding:28px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--text-dark) 10%,transparent);margin-top:8px}.config-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px}.config-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5}.config-toggle label{font-size:14px;font-weight:500;color:#374151;cursor:pointer}.generation-info{display:flex;flex-direction:column;gap:20px}.info-card,.progress-card{background:var(--bg-dark);border:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);border-radius:12px;padding:20px}.info-card h5,.progress-card h5{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-item .label{font-size:14px;color:color-mix(in srgb,var(--text-dark) 60%,transparent);font-weight:500}.info-item .value{font-size:14px;color:var(--text-dark);font-weight:600;font-family:monospace}.status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.status.pending{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#92400e}.status.running{background:color-mix(in srgb,var(--primary) 18%,transparent);color:#1e40af}.status.completed{background:color-mix(in srgb,#10b981 18%,transparent);color:#166534}.status.failed{background:color-mix(in srgb,#ef4444 18%,transparent);color:#dc2626}.progress-bar{width:100%;height:8px;background:color-mix(in srgb,var(--text-dark) 14%,transparent);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#7c3aed));border-radius:4px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:14px;color:color-mix(in srgb,var(--text-dark) 60%,transparent);text-align:center}.cluster-progress{margin-top:16px}.cluster-progress h6{font-size:14px;font-weight:600;color:var(--text-dark);margin:0 0 12px}.cluster-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent)}.cluster-item:last-child{border-bottom:none}.cluster-status{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:600}.cluster-status.completed{background:color-mix(in srgb,#10b981 18%,transparent);color:#166534}.cluster-status.running{background:color-mix(in srgb,var(--primary) 18%,transparent);color:#1e40af}.cluster-status.pending{background:color-mix(in srgb,var(--text-dark) 8%,transparent);color:color-mix(in srgb,var(--text-dark) 60%,transparent)}.quality-metrics{margin-top:16px}.quality-metrics h6{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric{display:flex;flex-direction:column;gap:4px;padding:12px;background:color-mix(in srgb,var(--text-dark) 6%,transparent);border-radius:8px;text-align:center}.metric span:first-child{font-size:12px;color:color-mix(in srgb,var(--text-dark) 60%,transparent);font-weight:500}.metric span:last-child{font-size:18px;color:var(--text-dark);font-weight:700}.download-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.dialog-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-top:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);background:color-mix(in srgb,var(--text-dark) 3%,transparent)}.footer-left,.footer-right{display:flex;gap:14px}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#7c3aed));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 20%,transparent)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 35%,transparent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-dark);color:var(--text-1);border:2px solid color-mix(in srgb,var(--text-dark) 15%,transparent);font-weight:600}.btn-secondary:hover{background:color-mix(in srgb,var(--text-dark) 6%,transparent);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}@media(max-width:768px){.generation-request-dialog{border-radius:16px 16px 0 0;max-height:90vh}.dialog-header,.dialog-content,.dialog-footer,.step-indicator{padding:20px}.config-grid{grid-template-columns:1fr}.dialog-footer{flex-direction:column;gap:12px}.footer-left,.footer-right{width:100%}.btn-primary,.btn-secondary{flex:1}}.cluster-controls-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:color-mix(in srgb,var(--text-dark) 3%,transparent);border-radius:12px;border:1px solid var(--border);flex-wrap:wrap}.cluster-search{flex:1;max-width:320px}.cluster-search input{width:100%;padding:10px 14px;font-size:14px;font-weight:500;border-radius:8px}.cluster-sort-controls{display:flex;align-items:center;gap:10px}.cluster-sort-controls select{min-width:150px;font-size:14px;font-weight:500}.sort-order-btn{padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text-1);cursor:pointer;font-size:18px;font-weight:700;transition:all .15s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.sort-order-btn:hover{background:var(--surface-2);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.cluster-stats-summary{font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;margin-left:auto;padding:6px 12px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.compact-input{width:80px!important;padding:8px 10px!important;font-size:14px!important;text-align:center;font-weight:500!important;border:1.5px solid var(--border)!important;border-radius:8px!important}.compact-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding:8px 32px 8px 10px!important;cursor:pointer;border:1.5px solid var(--border);border-radius:8px;background-color:var(--surface-2);color:var(--text-1);font-size:14px;font-weight:500;transition:all .15s ease;width:100%}[data-theme=dark] .compact-select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.compact-select:hover:not(:disabled){border-color:var(--text-3)}.compact-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.compact-input:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)!important}.compact-select:disabled,.compact-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-3)}.cluster-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.cluster-checkbox:disabled{cursor:not-allowed;opacity:.6}.cluster-excluded{opacity:.5}.cluster-excluded .font-medium{text-decoration:line-through}.cluster-warning{color:#f59e0b;font-weight:600}.cluster-list{max-height:none;overflow-y:visible}.cluster-list .overflow-x-auto{max-height:none;overflow-y:visible;margin-bottom:8px}.cluster-list table thead{position:sticky;top:0;background:var(--bg-dark);z-index:10;box-shadow:0 2px 4px #0000000a}.generation-request-dialog.neutral .cluster-list table thead{background:#fff}.cluster-list table{border-collapse:collapse}.cluster-list table th{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:16px 16px 16px 0;border-bottom:2px solid var(--border);background:var(--surface-1)}.cluster-list table td{padding:16px 16px 16px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);vertical-align:middle}.cluster-list table tr:last-child td{border-bottom:none}.cluster-list table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,transparent);transition:background .15s ease}.cluster-list .font-medium{font-weight:600;font-size:14px;color:var(--text-1);letter-spacing:-.01em}.cluster-list .text-xs{font-size:12px;font-weight:500}.cluster-list .text-gray-500{color:var(--text-3)!important}.cluster-list table select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;padding:8px 30px 8px 12px;border:1px solid var(--border);border-radius:6px;background-color:var(--surface-2);color:var(--text-1);font-size:13px;transition:all .15s ease}.cluster-list table select:hover{border-color:var(--text-3)}.cluster-list table select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}[data-theme=dark] .cluster-list table select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.cluster-list table input[type=number]{cursor:text;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background-color:var(--surface-2);color:var(--text-1);font-size:13px;transition:all .15s ease;text-align:center}.cluster-list table input[type=number]:hover{border-color:var(--text-3)}.cluster-list table input[type=number]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}.generation-request-dialog.neutral,.generation-request-dialog.neutral .dialog-header,.generation-request-dialog.neutral .step-indicator,.generation-request-dialog.neutral .dialog-footer{background:var(--bg-dark)!important;color:var(--text-dark)!important;border-color:color-mix(in srgb,var(--text-dark) 12%,transparent)!important}.generation-request-dialog.neutral .step-content h4{color:#1e293b!important}.generation-request-dialog.neutral .step-content p{color:#64748b!important}.generation-request-dialog.neutral .config-advanced{background:color-mix(in srgb,var(--text-dark) 6%,transparent)!important;border-color:color-mix(in srgb,var(--text-dark) 10%,transparent)!important}.generation-request-dialog.neutral .config-input,.generation-request-dialog.neutral .config-select{background:var(--bg-dark)!important;border-color:color-mix(in srgb,var(--text-dark) 12%,transparent)!important;color:var(--text-dark)!important}.generation-request-dialog.neutral table,.generation-request-dialog.neutral th,.generation-request-dialog.neutral td{color:var(--text-dark)!important}.generation-request-dialog.neutral th,.generation-request-dialog.neutral .font-medium{color:var(--text-1)!important}.generation-request-dialog.neutral .text-gray-500,.generation-request-dialog.neutral .text-gray-400{color:var(--text-3)!important}.npd-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(135deg,#0006,#0009);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.npd-dialog{background:linear-gradient(145deg,#fff,#fefefe);border:1px solid rgba(250,190,102,.15);border-radius:20px;box-shadow:0 32px 64px #0000001f,0 16px 32px #fabe6614,0 0 0 1px #ffffff80 inset;width:min(1100px,95vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(30px) scale(.94);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.npd-dialog.open{transform:translateY(0) scale(1);opacity:1}[data-theme=synthehol-dark] .npd-dialog,html.dark .npd-dialog,body.dark .npd-dialog{background:linear-gradient(145deg,#1a1f2e,#151822);border-color:#fabe6633;box-shadow:0 32px 64px #00000080,0 16px 32px #fabe661a,0 0 0 1px #fabe661a inset}.npd-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,#fefce8,#fff);border-bottom:2px solid rgba(250,190,102,.15);position:relative}.npd-header:after{content:"";position:absolute;bottom:-2px;left:1.5rem;right:1.5rem;height:2px;background:linear-gradient(90deg,transparent,rgba(250,190,102,.5) 20%,rgba(250,190,102,.5) 80%,transparent)}[data-theme=synthehol-dark] .npd-header,html.dark .npd-header,body.dark .npd-header{background:linear-gradient(135deg,rgba(250,190,102,.05) 0%,transparent 100%);border-bottom-color:#fabe6633}.npd-header-content{display:flex;align-items:center;gap:1rem}.npd-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fabe66,#d97706);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #fabe664d,0 0 0 3px #fabe661a;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.npd-dialog.open .npd-header-icon{animation:iconPop .6s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes iconPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.npd-plus-icon{font-size:28px;font-weight:300;color:#fff;line-height:1;display:block}.npd-header-text{display:flex;flex-direction:column;gap:.125rem}.npd-title{font-size:24px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.2}[data-theme=synthehol-dark] .npd-title,html.dark .npd-title,body.dark .npd-title{background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.npd-subtitle{font-size:13px;color:#6b7280;font-weight:500;margin:0}[data-theme=synthehol-dark] .npd-subtitle,html.dark .npd-subtitle,body.dark .npd-subtitle{color:#9ca3af}.npd-close-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:transparent;color:#6b7280;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.npd-close-btn:hover{background:#fabe661a;border-color:#fabe664d;color:#d97706;transform:rotate(90deg) scale(1.05)}.npd-close-btn:active{transform:rotate(90deg) scale(.95)}.npd-body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0;background:linear-gradient(145deg,#fff,#fafafa)}[data-theme=synthehol-dark] .npd-body,html.dark .npd-body,body.dark .npd-body{background:linear-gradient(145deg,#1a1f2e,#12161f)}.npd-body::-webkit-scrollbar{width:10px}.npd-body::-webkit-scrollbar-track{background:transparent}.npd-body::-webkit-scrollbar-thumb{background:#fabe6633;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.npd-body::-webkit-scrollbar-thumb:hover{background:#fabe6659;background-clip:padding-box}.npd-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:start}@media(max-width:1024px){.npd-dialog{width:min(1000px,95vw);max-height:90vh}.npd-grid{grid-template-columns:1fr;gap:1.5rem}.npd-header,.npd-body{padding:1.25rem 1.5rem}.npd-footer{padding:1rem 1.5rem 1.5rem}.npd-role-dropdown{min-width:100%;max-width:100%}}@media(max-width:900px){.npd-grid{grid-template-columns:1fr;gap:1.5rem}}.npd-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.npd-section-team{display:flex;flex-direction:column;gap:0;min-height:0;padding:1rem;background:linear-gradient(135deg,#fabe6605,#fabe660a);border:1px solid rgba(250,190,102,.15);border-radius:12px}.npd-section-team .npd-form-group{flex:1;display:flex;flex-direction:column;min-height:0}[data-theme=synthehol-dark] .npd-section-team,html.dark .npd-section-team,body.dark .npd-section-team{background:linear-gradient(135deg,#fabe660a,#fabe660f);border-color:#fabe6633}.npd-form-group{display:flex;flex-direction:column;gap:.5rem}.npd-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.npd-label{font-size:13px;font-weight:600;color:#374151;letter-spacing:-.01em;display:flex;align-items:center;gap:.375rem}[data-theme=synthehol-dark] .npd-label,html.dark .npd-label,body.dark .npd-label{color:#e5e7eb}.npd-required{color:#dc2626;font-size:16px}.npd-help-text{font-size:12px;color:#6b7280;margin-top:.375rem;margin-bottom:0}[data-theme=synthehol-dark] .npd-help-text,html.dark .npd-help-text,body.dark .npd-help-text{color:#9ca3af}.npd-input,.npd-textarea{width:100%;padding:.625rem .75rem;font-size:14px;line-height:1.4;color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit}.npd-textarea{resize:vertical;min-height:64px;max-height:80px}[data-theme=synthehol-dark] .npd-input,[data-theme=synthehol-dark] .npd-textarea,html.dark .npd-input,html.dark .npd-textarea,body.dark .npd-input,body.dark .npd-textarea{background:#ffffff0d;border-color:#ffffff1a;color:#f9fafb}.npd-input:hover,.npd-textarea:hover{border-color:#fabe66;background:#fefce8}[data-theme=synthehol-dark] .npd-input:hover,[data-theme=synthehol-dark] .npd-textarea:hover,html.dark .npd-input:hover,html.dark .npd-textarea:hover,body.dark .npd-input:hover,body.dark .npd-textarea:hover{background:#fabe660d;border-color:#fabe6666}.npd-input:focus,.npd-textarea:focus{outline:none;border-color:#fabe66;background:#fff;box-shadow:0 0 0 4px #fabe6626,0 4px 12px #fabe661a}[data-theme=synthehol-dark] .npd-input:focus,[data-theme=synthehol-dark] .npd-textarea:focus,html.dark .npd-input:focus,html.dark .npd-textarea:focus,body.dark .npd-input:focus,body.dark .npd-textarea:focus{background:#ffffff14;border-color:#fabe66;box-shadow:0 0 0 4px #fabe6633,0 4px 12px #fabe6626}.npd-input::-moz-placeholder,.npd-textarea::-moz-placeholder{color:#9ca3af}.npd-input::placeholder,.npd-textarea::placeholder{color:#9ca3af}.npd-select-wrapper{position:relative}.npd-select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6b7280;pointer-events:none;transition:all .2s ease}.npd-select-wrapper:hover:after{border-top-color:#fabe66}.npd-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;font-size:15px;line-height:1.5;color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit}[data-theme=synthehol-dark] .npd-select,html.dark .npd-select,body.dark .npd-select{background:#ffffff0d;border-color:#ffffff1a;color:#f9fafb}.npd-select:hover{border-color:#fabe66;background:#fefce8}[data-theme=synthehol-dark] .npd-select:hover,html.dark .npd-select:hover,body.dark .npd-select:hover{background:#fabe660d;border-color:#fabe6666}.npd-select:focus{outline:none;border-color:#fabe66;background:#fff;box-shadow:0 0 0 4px #fabe6626,0 4px 12px #fabe661a}[data-theme=synthehol-dark] .npd-select:focus,html.dark .npd-select:focus,body.dark .npd-select:focus{background:#ffffff14;border-color:#fabe66;box-shadow:0 0 0 4px #fabe6633,0 4px 12px #fabe6626}.npd-select:disabled{opacity:.6;cursor:not-allowed}.npd-tags{display:flex;flex-direction:column;gap:.5rem}.npd-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;min-height:42px;transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=synthehol-dark] .npd-tag-list,html.dark .npd-tag-list,body.dark .npd-tag-list{background:#ffffff0d;border-color:#ffffff1a}.npd-tag-list:hover{border-color:#fabe66;background:#fefce8}[data-theme=synthehol-dark] .npd-tag-list:hover,html.dark .npd-tag-list:hover,body.dark .npd-tag-list:hover{background:#fabe660d;border-color:#fabe6666}.npd-tag-list:focus-within{border-color:#fabe66;background:#fff;box-shadow:0 0 0 4px #fabe6626,0 4px 12px #fabe661a}[data-theme=synthehol-dark] .npd-tag-list:focus-within,html.dark .npd-tag-list:focus-within,body.dark .npd-tag-list:focus-within{background:#ffffff14;border-color:#fabe66;box-shadow:0 0 0 4px #fabe6633,0 4px 12px #fabe6626}.npd-tag-input{flex:1 1 140px;min-width:100px;border:none;outline:none;font-size:15px;background:transparent;color:#1f2937;font-family:inherit;padding:.375rem .5rem}[data-theme=synthehol-dark] .npd-tag-input,html.dark .npd-tag-input,body.dark .npd-tag-input{color:#f9fafb}.npd-tag-input::-moz-placeholder{color:#9ca3af}.npd-tag-input::placeholder{color:#9ca3af}.npd-tag-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;font-weight:600;background:linear-gradient(135deg,#fabe6626,#fabe6614);color:#92400e;border:1.5px solid rgba(250,190,102,.3);border-radius:9999px;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=synthehol-dark] .npd-tag-chip,html.dark .npd-tag-chip,body.dark .npd-tag-chip{background:linear-gradient(135deg,#fabe6633,#fabe661a);color:#fcd34d;border-color:#fabe6666}.npd-tag-chip:hover{background:linear-gradient(135deg,#fabe6640,#fabe6626);border-color:#fabe6680;transform:translateY(-2px);box-shadow:0 4px 8px #fabe6633}.npd-tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#fabe6633;color:#92400e;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}[data-theme=synthehol-dark] .npd-tag-remove,html.dark .npd-tag-remove,body.dark .npd-tag-remove{background:#fabe6640;color:#fcd34d}.npd-tag-remove:hover{background:#d97706;color:#fff;transform:rotate(90deg) scale(1.1)}.npd-members-box{max-height:180px;overflow-y:auto;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=synthehol-dark] .npd-members-box,html.dark .npd-members-box,body.dark .npd-members-box{background:#ffffff0d;border-color:#ffffff1a}.npd-members-box:hover{border-color:#fabe66}.npd-members-box::-webkit-scrollbar{width:8px}.npd-members-box::-webkit-scrollbar-track{background:transparent;border-radius:8px}.npd-members-box::-webkit-scrollbar-thumb{background:#fabe664d;border-radius:8px}.npd-members-box::-webkit-scrollbar-thumb:hover{background:#fabe6680}.npd-member-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.npd-member-item:hover{background:#fabe6614}.npd-member-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FABE66}.npd-member-name{font-size:14px;font-weight:600;color:#374151}[data-theme=synthehol-dark] .npd-member-name,html.dark .npd-member-name,body.dark .npd-member-name{color:#e5e7eb}.npd-member-email{font-size:13px;color:#6b7280;margin-left:auto}[data-theme=synthehol-dark] .npd-member-email,html.dark .npd-member-email,body.dark .npd-member-email{color:#9ca3af}.npd-error-message{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid rgba(239,68,68,.3);border-radius:12px;color:#991b1b;font-size:14px;font-weight:500;margin-bottom:1.5rem;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}[data-theme=synthehol-dark] .npd-error-message,html.dark .npd-error-message,body.dark .npd-error-message{background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef444466;color:#fca5a5}.npd-error-message svg{flex-shrink:0;margin-top:.125rem}.npd-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem 1.75rem;background:linear-gradient(135deg,#fefce8,#fff);border-top:2px solid rgba(250,190,102,.15);flex-shrink:0}[data-theme=synthehol-dark] .npd-footer,html.dark .npd-footer,body.dark .npd-footer{background:linear-gradient(135deg,rgba(250,190,102,.05) 0%,transparent 100%);border-top-color:#fabe6633}.npd-btn-primary,.npd-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);border:2px solid transparent;font-family:inherit}.npd-btn-primary{background:linear-gradient(135deg,#fabe66,#d97706);color:#fff;box-shadow:0 4px 12px #fabe664d,0 0 #fabe6600}.npd-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fabe6666,0 0 0 4px #fabe6626}.npd-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #fabe664d,0 0 0 4px #fabe6626}.npd-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.npd-btn-secondary{background:#fff;color:#6b7280;border-color:#e5e7eb}[data-theme=synthehol-dark] .npd-btn-secondary,html.dark .npd-btn-secondary,body.dark .npd-btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.npd-btn-secondary:hover{background:#fabe6614;border-color:#fabe664d;color:#d97706;transform:translateY(-2px)}[data-theme=synthehol-dark] .npd-btn-secondary:hover,html.dark .npd-btn-secondary:hover,body.dark .npd-btn-secondary:hover{background:#fabe661a;border-color:#fabe6666;color:#fabe66}.npd-btn-secondary:active{transform:translateY(0)}.npd-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.npd-dialog{width:100vw;max-height:95vh;border-radius:16px}.npd-header,.npd-footer,.npd-body{padding:1.5rem 1.25rem}.npd-grid{gap:1.5rem}.npd-section{gap:1.25rem}.npd-form-row{grid-template-columns:1fr;gap:1rem}.npd-btn-primary,.npd-btn-secondary{padding:.75rem 1.25rem;font-size:14px}}@media(max-width:480px){.npd-header-icon{width:48px;height:48px}.npd-plus-icon{font-size:28px}.npd-title{font-size:22px}.npd-subtitle{font-size:12px}}.npd-visibility-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.npd-toggle-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .625rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit;font-size:13px;font-weight:600;color:#6b7280;position:relative;overflow:hidden}[data-theme=synthehol-dark] .npd-toggle-btn,html.dark .npd-toggle-btn,body.dark .npd-toggle-btn{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.npd-toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(250,190,102,.1),transparent);opacity:0;transition:opacity .25s ease}.npd-toggle-btn:hover{border-color:#fabe66;color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #fabe6626}.npd-toggle-btn:hover:before{opacity:1}.npd-toggle-btn.active{background:linear-gradient(135deg,#fabe6626,#fabe6614);border-color:#fabe66;color:#92400e;box-shadow:0 0 0 4px #fabe661a,0 4px 12px #fabe6633}[data-theme=synthehol-dark] .npd-toggle-btn.active,html.dark .npd-toggle-btn.active,body.dark .npd-toggle-btn.active{background:linear-gradient(135deg,#fabe6633,#fabe661a);border-color:#fabe66;color:#fcd34d}.npd-toggle-btn svg{transition:all .25s ease}.npd-toggle-btn.active svg{transform:scale(1.1)}.npd-toggle-btn span{position:relative;z-index:1}.npd-members-autocomplete{display:flex;flex-direction:column;gap:1rem}.npd-autocomplete-wrapper{position:relative}.npd-member-search{padding-right:2.5rem;width:85%}.npd-search-icon{position:absolute;right:.475rem;top:25%;right:8%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.npd-autocomplete-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:2px solid #FABE66;border-radius:10px;box-shadow:0 12px 32px #0000001f,0 0 0 4px #fabe661a;max-height:280px;overflow-y:auto;z-index:10;animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=synthehol-dark] .npd-autocomplete-dropdown,html.dark .npd-autocomplete-dropdown,body.dark .npd-autocomplete-dropdown{background:#1a1f2e;border-color:#fabe66;box-shadow:0 12px 32px #00000080,0 0 0 4px #fabe6626}.npd-autocomplete-dropdown::-webkit-scrollbar{width:8px}.npd-autocomplete-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:8px}.npd-autocomplete-dropdown::-webkit-scrollbar-thumb{background:#fabe664d;border-radius:8px}.npd-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#fabe6680}.npd-autocomplete-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;width:100%;border:none;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;font-family:inherit;border-bottom:1px solid rgba(250,190,102,.1)}.npd-autocomplete-item:last-child{border-bottom:none}.npd-autocomplete-item:hover{background:#fabe6614}[data-theme=synthehol-dark] .npd-autocomplete-item:hover,html.dark .npd-autocomplete-item:hover,body.dark .npd-autocomplete-item:hover{background:#fabe661f}.npd-autocomplete-item svg{margin-left:auto;color:#fabe66;flex-shrink:0}.npd-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fabe66,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #fabe664d}.npd-user-info{flex:1;min-width:0}.npd-user-name{font-size:14px;font-weight:600;color:#374151;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=synthehol-dark] .npd-user-name,html.dark .npd-user-name,body.dark .npd-user-name{color:#e5e7eb}.npd-user-email{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=synthehol-dark] .npd-user-email,html.dark .npd-user-email,body.dark .npd-user-email{color:#9ca3af}.npd-autocomplete-more{padding:.75rem 1rem;text-align:center;font-size:13px;color:#6b7280;font-style:italic;border-top:1px solid rgba(250,190,102,.1)}.npd-selected-members{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem;padding:.875rem;background:linear-gradient(135deg,#fabe6608,#fabe6614);border:2px solid rgba(250,190,102,.25);border-radius:12px;min-height:90px;max-height:280px;overflow-y:auto;flex:1;box-shadow:inset 0 2px 8px #fabe661a;position:relative}.npd-selected-members:empty:before{content:"No team members added yet. Search and add users above.";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9ca3af;font-size:.875rem;font-style:italic;text-align:center;width:80%}.npd-selected-members::-webkit-scrollbar{width:6px}.npd-selected-members::-webkit-scrollbar-track{background:transparent}.npd-selected-members::-webkit-scrollbar-thumb{background:#fabe664d;border-radius:10px}.npd-selected-members::-webkit-scrollbar-thumb:hover{background:#fabe6680}[data-theme=synthehol-dark] .npd-selected-members,html.dark .npd-selected-members,body.dark .npd-selected-members{background:linear-gradient(135deg,#fabe6614,#fabe661f);border-color:#fabe664d;box-shadow:inset 0 2px 8px #fabe6626}.npd-member-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:2px solid rgba(250,190,102,.3);border-radius:9999px;transition:all .2s cubic-bezier(.16,1,.3,1);max-width:100%;box-shadow:0 1px 3px #00000014}[data-theme=synthehol-dark] .npd-member-chip,html.dark .npd-member-chip,body.dark .npd-member-chip{background:#ffffff1a;border-color:#fabe6666;box-shadow:0 1px 3px #0003}.npd-member-chip:hover{border-color:#fabe66;box-shadow:0 2px 6px #fabe6633;transform:translateY(-1px)}.npd-member-chip-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fabe66,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.npd-member-chip-name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1;max-width:120px}[data-theme=synthehol-dark] .npd-member-chip-name,html.dark .npd-member-chip-name,body.dark .npd-member-chip-name{color:#e5e7eb}.npd-member-chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#fabe6633;color:#92400e;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}[data-theme=synthehol-dark] .npd-member-chip-remove,html.dark .npd-member-chip-remove,body.dark .npd-member-chip-remove{background:#fabe6640;color:#fcd34d}.npd-member-chip-remove:hover{background:#d97706;color:#fff;transform:rotate(90deg) scale(1.1)}.npd-color-toggles{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.npd-color-btn{width:100%;aspect-ratio:1;min-height:38px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);padding:.375rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}[data-theme=synthehol-dark] .npd-color-btn,html.dark .npd-color-btn,body.dark .npd-color-btn{background:#ffffff0d;border-color:#ffffff1a}.npd-color-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(250,190,102,.1),transparent);opacity:0;transition:opacity .25s ease}.npd-color-btn:hover{border-color:#fabe66;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #0000001a}.npd-color-btn:hover:before{opacity:1}.npd-color-btn.active{border-color:#fabe66;box-shadow:0 0 0 4px #fabe6626,0 6px 16px #fabe6633;transform:scale(1.08)}.npd-color-btn.active:after{content:"✓";position:absolute;top:2px;right:2px;width:16px;height:16px;background:#fabe66;color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.npd-color-swatch{width:100%;height:100%;border-radius:6px;display:block;position:relative;transition:transform .25s ease;box-shadow:0 2px 8px #00000026 inset}.npd-color-btn:hover .npd-color-swatch{transform:scale(1.1)}.npd-color-swatch[data-color=blue]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.npd-color-swatch[data-color=green]{background:linear-gradient(135deg,#10b981,#059669)}.npd-color-swatch[data-color=purple]{background:linear-gradient(135deg,#a855f7,#7c3aed)}.npd-color-swatch[data-color=red]{background:linear-gradient(135deg,#ef4444,#dc2626)}.npd-color-swatch[data-color=pink]{background:linear-gradient(135deg,#ec4899,#db2777)}.npd-color-swatch[data-color=indigo]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.npd-icon-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.npd-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.875rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit;font-size:12px;font-weight:600;color:#6b7280;position:relative;overflow:hidden}[data-theme=synthehol-dark] .npd-icon-btn,html.dark .npd-icon-btn,body.dark .npd-icon-btn{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.npd-icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(250,190,102,.1),transparent);opacity:0;transition:opacity .25s ease}.npd-icon-btn:hover{border-color:#fabe66;color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #fabe6626}.npd-icon-btn:hover:before{opacity:1}.npd-icon-btn.active{background:linear-gradient(135deg,#fabe6626,#fabe6614);border-color:#fabe66;color:#92400e;box-shadow:0 0 0 4px #fabe661a,0 4px 12px #fabe6633}[data-theme=synthehol-dark] .npd-icon-btn.active,html.dark .npd-icon-btn.active,body.dark .npd-icon-btn.active{background:linear-gradient(135deg,#fabe6633,#fabe661a);border-color:#fabe66;color:#fcd34d}.npd-icon-btn svg{transition:all .25s ease}.npd-icon-btn.active svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(250,190,102,.3))}.npd-icon-btn span{position:relative;z-index:1}@media(max-width:768px){.npd-dialog{width:96vw;max-height:94vh;border-radius:16px}.npd-header{padding:1rem 1.25rem;gap:.75rem}.npd-header-icon{width:48px;height:48px}.npd-header-title{font-size:1.5rem}.npd-header-subtitle{font-size:.875rem}.npd-body{padding:1rem 1.25rem}.npd-footer{padding:.875rem 1.25rem 1.25rem;gap:.75rem}.npd-grid{gap:1.25rem}.npd-visibility-toggles{gap:.5rem;grid-template-columns:1fr}.npd-toggle-btn{padding:.875rem 1rem;font-size:13px;gap:.5rem;flex-direction:row;justify-content:center}.npd-toggle-btn svg{width:16px;height:16px}.npd-color-toggles{grid-template-columns:repeat(4,1fr);gap:.5rem}.npd-color-btn{min-height:40px;padding:.625rem}.npd-icon-toggles{gap:.625rem;grid-template-columns:repeat(2,1fr)}.npd-icon-btn{padding:.875rem 1rem;font-size:13px;gap:.5rem}.npd-icon-btn svg{width:20px;height:20px}.npd-member-chip{padding:.5rem .75rem;gap:.625rem}.npd-member-name{font-size:.875rem}.npd-member-you{font-size:.6875rem;padding:.125rem .375rem}.npd-role-badge{font-size:.625rem;padding:.25rem .5rem}.npd-selected-members{gap:.625rem;max-height:200px}}@media(max-width:480px){.npd-dialog{width:98vw;max-height:96vh;border-radius:12px}.npd-header{padding:.875rem 1rem;gap:.625rem}.npd-header-icon{width:40px;height:40px}.npd-header-title{font-size:1.25rem}.npd-header-subtitle{font-size:.8125rem}.npd-close-btn{width:32px;height:32px}.npd-body{padding:.875rem 1rem}.npd-footer{padding:.75rem 1rem 1.25rem;gap:.625rem;flex-direction:column-reverse}.npd-btn{width:100%;justify-content:center}.npd-grid{gap:1rem}.npd-form-group{gap:.5rem}.npd-label{font-size:.875rem}.npd-input,.npd-textarea{font-size:14px;padding:.5rem .625rem}.npd-textarea{min-height:56px}.npd-visibility-toggles{grid-template-columns:1fr;gap:.625rem}.npd-toggle-btn{flex-direction:row;justify-content:center;padding:.875rem 1rem}.npd-color-toggles{grid-template-columns:repeat(3,1fr);gap:.5rem}.npd-color-btn{min-height:36px;padding:.5rem}.npd-icon-toggles{grid-template-columns:1fr;gap:.5rem}.npd-icon-btn{flex-direction:row;justify-content:flex-start;gap:.875rem;padding:.875rem 1rem}.npd-icon-btn svg{flex-shrink:0;width:18px;height:18px}.npd-role-search-input{font-size:14px;padding:.625rem .75rem}.npd-member-chip{padding:.5rem .625rem;gap:.5rem;flex-wrap:wrap}.npd-member-avatar{width:28px;height:28px;font-size:.75rem}.npd-member-name{font-size:.8125rem}.npd-member-you{font-size:.625rem;padding:.125rem .3125rem}.npd-role-badge{font-size:.5625rem;padding:.25rem .4375rem}.npd-member-remove{width:24px;height:24px}.npd-selected-members{gap:.5rem;max-height:180px;padding:.75rem}.npd-role-summary{font-size:.8125rem;padding:.625rem .75rem}.npd-section-team{padding:.75rem}.npd-role-dropdown{min-width:100%;max-width:100%;max-height:220px}.npd-role-dropdown-item{padding:.5rem;gap:.625rem;flex-wrap:wrap}.npd-role-dropdown-avatar{width:32px;height:32px;font-size:.875rem}.npd-role-dropdown-name{font-size:.875rem}.npd-role-buttons{gap:.375rem;flex-wrap:wrap;width:100%;justify-content:flex-start}.npd-role-select{font-size:.625rem;padding:.25rem .5rem;min-width:70px}}.npd-role-selector{width:100%;display:flex;flex-direction:column;gap:.625rem;flex:1}.npd-role-dropdown{min-width:420px;max-height:240px}.npd-role-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem;gap:.875rem;border-bottom:1px solid rgba(250,190,102,.08);transition:background-color .2s ease}.npd-role-dropdown-item:hover{background-color:#fabe660d}.npd-role-dropdown-item:last-child{border-bottom:none}[data-theme=synthehol-dark] .npd-role-dropdown-item,html.dark .npd-role-dropdown-item,body.dark .npd-role-dropdown-item{border-bottom-color:#fabe661f}[data-theme=synthehol-dark] .npd-role-dropdown-item:hover,html.dark .npd-role-dropdown-item:hover,body.dark .npd-role-dropdown-item:hover{background-color:#fabe6614}.npd-user-info-container{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.npd-current-user-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;margin-left:.375rem;font-size:.7rem;font-weight:600;color:#fabe66;background:#fabe6626;border:1px solid rgba(250,190,102,.3);border-radius:.375rem}[data-theme=synthehol-dark] .npd-current-user-badge,html.dark .npd-current-user-badge,body.dark .npd-current-user-badge{background:#fabe6633;border-color:#fabe6666}.npd-role-buttons{display:flex;gap:.375rem;flex-shrink:0}.npd-role-add-btn{padding:.375rem .625rem;font-size:.75rem;font-weight:600;border-radius:.5rem;border:1.5px solid;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.npd-role-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.npd-role-add-btn:active:not(:disabled){transform:translateY(0)}.npd-role-add-btn:disabled{opacity:.4;cursor:not-allowed}.npd-role-add-btn.npd-role-owner{color:#8b5cf6;border-color:#8b5cf6}.npd-role-add-btn.npd-role-owner:hover:not(:disabled){background:#8b5cf6;color:#fff}[data-theme=synthehol-dark] .npd-role-add-btn.npd-role-owner,html.dark .npd-role-add-btn.npd-role-owner,body.dark .npd-role-add-btn.npd-role-owner{color:#a78bfa;border-color:#a78bfa}.npd-role-add-btn.npd-role-pm{color:#3b82f6;border-color:#3b82f6}.npd-role-add-btn.npd-role-pm:hover:not(:disabled){background:#3b82f6;color:#fff}[data-theme=synthehol-dark] .npd-role-add-btn.npd-role-pm,html.dark .npd-role-add-btn.npd-role-pm,body.dark .npd-role-add-btn.npd-role-pm{color:#60a5fa;border-color:#60a5fa}.npd-role-add-btn.npd-role-member{color:#10b981;border-color:#10b981}.npd-role-add-btn.npd-role-member:hover:not(:disabled){background:#10b981;color:#fff}[data-theme=synthehol-dark] .npd-role-add-btn.npd-role-member,html.dark .npd-role-add-btn.npd-role-member,body.dark .npd-role-add-btn.npd-role-member{color:#34d399;border-color:#34d399}.npd-role-select{padding:.25rem 1.5rem .25rem .625rem;font-size:.75rem;font-weight:700;border-radius:.5rem;border:2px solid;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .375rem center;background-size:10px;text-transform:uppercase;letter-spacing:.025em}.npd-role-select:hover{opacity:.85;transform:scale(1.02)}.npd-role-select:focus{outline:2px solid rgba(250,190,102,.5);outline-offset:2px}.npd-role-badge-owner,.npd-role-select option[value=owner]{color:#7c3aed;background:linear-gradient(135deg,#8b5cf626,#8b5cf640);border-color:#8b5cf6}.npd-role-badge-pm,.npd-role-select option[value=project_manager]{color:#2563eb;background:linear-gradient(135deg,#3b82f626,#3b82f640);border-color:#3b82f6}.npd-role-badge-member,.npd-role-select option[value=member]{color:#059669;background:linear-gradient(135deg,#10b98126,#10b98140);border-color:#10b981}[data-theme=synthehol-dark] .npd-role-badge-owner,html.dark .npd-role-badge-owner,body.dark .npd-role-badge-owner{color:#a78bfa;background:#a78bfa26;border-color:#a78bfa}[data-theme=synthehol-dark] .npd-role-badge-pm,html.dark .npd-role-badge-pm,body.dark .npd-role-badge-pm{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa}[data-theme=synthehol-dark] .npd-role-badge-member,html.dark .npd-role-badge-member,body.dark .npd-role-badge-member{color:#34d399;background:#34d39926;border-color:#34d399}.npd-chip-you-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;margin-left:.375rem;font-size:.65rem;font-weight:700;color:#fabe66;background:#fabe6626;border:1px solid rgba(250,190,102,.3);border-radius:.25rem}[data-theme=synthehol-dark] .npd-chip-you-badge,html.dark .npd-chip-you-badge,body.dark .npd-chip-you-badge{background:#fabe6633;border-color:#fabe6666}.npd-role-summary{margin-top:.625rem;padding:.625rem .875rem;background:linear-gradient(135deg,#fabe660d,#fabe6614);border:1px solid rgba(250,190,102,.2);border-radius:8px}.npd-role-summary .npd-help-text{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:#64748b;margin:0}[data-theme=synthehol-dark] .npd-role-summary .npd-help-text,html.dark .npd-role-summary .npd-help-text,body.dark .npd-role-summary .npd-help-text{color:#94a3b8}:root{--dashboard-gap: 1rem;--dashboard-bg: var(--bg, #fff)}.Dashboard{display:flex;flex-direction:column;gap:var(--dashboard-gap);background:transparent}.Dashboard .Dashboard-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-section{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.section-title{font-size:1.875rem;font-weight:700;color:var(--text-dark);margin:0;line-height:1.2}.section-subtitle{font-size:.875rem;color:color-mix(in srgb,var(--text-dark) 60%,transparent);margin:.25rem 0 0;line-height:1.5}.empty-state-card{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;transition:all .3s ease}.empty-state-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 15%,transparent),color-mix(in srgb,var(--brand-secondary-500) 15%,transparent));display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--brand-primary-500)}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0 0 .75rem}.empty-state-description{font-size:1rem;color:color-mix(in srgb,var(--text-dark) 60%,transparent);max-width:560px;margin:0 auto;line-height:1.6}.wip-badge{display:inline-block;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 20%,transparent),color-mix(in srgb,var(--brand-secondary-500) 20%,transparent));color:var(--brand-primary-600);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-top:1rem;border:1px solid color-mix(in srgb,var(--brand-primary-500) 30%,transparent)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--brand-primary-500),var(--brand-primary-600));color:#fff;box-shadow:0 2px 8px #0000001a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;filter:brightness(1.05)}.btn-secondary{background:var(--surface-2);color:var(--text-dark);border:1px solid var(--border)}.btn-secondary:hover{background:color-mix(in srgb,var(--text-dark) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--border) 80%,var(--text-dark))}html.dark .section-title,body.dark .section-title,[data-theme=dark] .section-title{color:var(--text-dark)}html.dark .section-subtitle,body.dark .section-subtitle,[data-theme=dark] .section-subtitle{color:color-mix(in srgb,var(--text-dark) 70%,transparent)}html.dark .empty-state-card,body.dark .empty-state-card,[data-theme=dark] .empty-state-card{background:var(--surface-2);border-color:var(--border)}html.dark .empty-state-title,body.dark .empty-state-title,[data-theme=dark] .empty-state-title{color:var(--text-dark)}html.dark .empty-state-description,body.dark .empty-state-description,[data-theme=dark] .empty-state-description{color:color-mix(in srgb,var(--text-dark) 70%,transparent)}.OrganizationDashboard{--tile-border: color-mix(in srgb, var(--text-dark) 6%, transparent);--tile-bg: var(--bg-dark);--shadow: var(--shadow, 0 2px 8px rgba(0, 0, 0, .04));padding:0;max-width:1600px;margin:0 auto}[data-theme=synthehol-dark] .OrganizationDashboard,html.dark .OrganizationDashboard,body.dark .OrganizationDashboard{--tile-border: rgba(255,255,255,.04);--tile-bg: var(--bg-dark, #0b0f16);--shadow: var(--shadow, 0 2px 8px rgba(0,0,0,.3))}.OrganizationDashboard .dashboard-welcome-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0}.OrganizationDashboard .welcome-title{font-size:1.875rem;font-weight:600;color:var(--text-dark, #111827);margin:0;letter-spacing:-.025em}.OrganizationDashboard .header-controls{display:flex;align-items:center;gap:.75rem}.OrganizationDashboard .time-window-selector{display:flex;gap:.625rem;align-items:center}.OrganizationDashboard .time-btn{padding:.5rem 1rem;border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:8px;background:var(--tile-bg, #ffffff);color:var(--text-dark, #111827);font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500}.OrganizationDashboard .time-btn:hover{border-color:color-mix(in srgb,var(--brand-primary-500, #4f46e5) 60%,transparent);background:color-mix(in srgb,var(--brand-primary-500, #4f46e5) 8%,transparent)}.OrganizationDashboard .time-btn.active{border-color:var(--brand-primary-500, #4f46e5);background:var(--brand-primary-500, #4f46e5);color:#fff;box-shadow:0 1px 3px #4f46e54d}.OrganizationDashboard .time-selector{display:none}@media(max-width:768px){.OrganizationDashboard .time-btn{display:none}.OrganizationDashboard .time-selector{display:block;padding:.5rem 1rem;border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:8px;background:var(--tile-bg, #ffffff);color:var(--text-dark, #111827);font-size:.875rem;cursor:pointer;transition:border-color .2s}.OrganizationDashboard .time-selector:hover{border-color:var(--brand-primary-500, #4f46e5)}}.OrganizationDashboard .export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--brand-primary-500, #4f46e5);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #4f46e54d}.OrganizationDashboard .export-btn:hover{background:var(--brand-primary-600, #4338ca);box-shadow:0 2px 6px #4f46e566}.OrganizationDashboard .dashboard-layout{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start}.OrganizationDashboard .dashboard-sidebar{display:flex;flex-direction:column;gap:1rem}.OrganizationDashboard .sidebar-section{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:10px;padding:.875rem;box-shadow:var(--shadow)}.OrganizationDashboard .sidebar-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dc-muted, #6b7280);margin:0 0 .75rem}.OrganizationDashboard .filter-select{width:100%;padding:.5rem;border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:6px;background:var(--bg-light, #f9fafb);color:var(--text-dark, #111827);font-size:.8125rem;cursor:pointer}.OrganizationDashboard .utilization-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.OrganizationDashboard .util-stat{display:flex;justify-content:space-between;align-items:center}.OrganizationDashboard .util-label{font-size:.8125rem;color:var(--dc-muted, #6b7280)}.OrganizationDashboard .util-value{font-size:.9375rem;font-weight:600;color:var(--text-dark, #111827)}.OrganizationDashboard .create-project-btn{width:100%;padding:.625rem;background:linear-gradient(135deg,var(--brand-primary-500, #10b981),var(--brand-secondary-500, #06b6d4));color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .2s}.OrganizationDashboard .create-project-btn:hover{opacity:.9}.OrganizationDashboard .dashboard-main-content{min-width:0}.OrganizationDashboard .dashboard-metrics-container{display:flex;flex-direction:column;gap:2rem}.OrganizationDashboard .system-status-header{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:10px;padding:.875rem 1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow);margin-bottom:1rem}.OrganizationDashboard .status-indicator{display:flex;align-items:center;gap:.5rem;padding-right:1.25rem;border-right:1px solid var(--tile-border, rgba(229,231,235,1))}.OrganizationDashboard .status-dot{width:10px;height:10px;border-radius:50%;position:relative}.OrganizationDashboard .status-dot.operational{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.OrganizationDashboard .status-text{font-size:.9375rem;font-weight:600;color:var(--text-dark, #111827)}.OrganizationDashboard .status-metrics{display:flex;align-items:center;gap:1rem;flex:1}.OrganizationDashboard .status-metric{display:flex;flex-direction:column;align-items:center;gap:.125rem}.OrganizationDashboard .status-metric .metric-value{font-size:1.125rem;font-weight:700;color:var(--text-dark, #111827)}.OrganizationDashboard .status-metric .metric-label{font-size:.6875rem;color:var(--dc-muted, #6b7280);text-transform:capitalize}.OrganizationDashboard .status-divider{width:1px;height:32px;background:var(--tile-border, rgba(229,231,235,1))}.OrganizationDashboard .metrics-section{margin-bottom:2.5rem}.OrganizationDashboard .section-heading{font-size:.875rem;font-weight:600;color:var(--dc-muted, #6b7280);margin:0 0 1.25rem;padding:0;border:none;text-transform:uppercase;letter-spacing:.05em}.OrganizationDashboard .metrics-grid-5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}@media(min-width:768px){.OrganizationDashboard .metrics-grid-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(min-width:1280px){.OrganizationDashboard .metrics-grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}}.OrganizationDashboard .data-metric-tile{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;box-shadow:var(--shadow);transition:all .2s ease;cursor:default;min-height:110px;position:relative;overflow:hidden}.OrganizationDashboard .data-metric-tile:hover{border-color:color-mix(in srgb,var(--brand-primary-500, #4f46e5) 30%,transparent);box-shadow:0 4px 12px #0f172a0f}.OrganizationDashboard .data-metric-tile .metric-icon-container{position:absolute;right:-.1rem;top:-1rem;height:100%;display:flex;align-items:center;justify-content:flex-end;opacity:.38;pointer-events:none;font-size:110px}.OrganizationDashboard .metric-icon-container{position:absolute;right:-.5rem;top:-1rem;height:100%;display:flex;align-items:center;justify-content:flex-end;opacity:.38;pointer-events:none;font-size:110px}.OrganizationDashboard .data-metric-tile .metric-icon{color:#3b82f6d9}.OrganizationDashboard .quality-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}@media(min-width:768px){.OrganizationDashboard .quality-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(min-width:1280px){.OrganizationDashboard .quality-metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}}.OrganizationDashboard .quality-metric-tile{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;box-shadow:var(--shadow);transition:all .2s ease;position:relative;min-height:110px;overflow:hidden}.OrganizationDashboard .quality-metric-tile:hover{border-color:color-mix(in srgb,var(--brand-primary-500, #4f46e5) 30%,transparent);box-shadow:0 4px 12px #0f172a0f}.OrganizationDashboard .metric-trend{position:absolute;top:.75rem;left:11.75rem;display:flex;align-items:center;gap:.1875rem;font-size:.8125rem;font-weight:600}.OrganizationDashboard .metric-trend[data-trend=up]{color:#22c55e}.OrganizationDashboard .metric-trend[data-trend=down]{color:#ef4444}.OrganizationDashboard .trend-value{font-size:.875rem}.OrganizationDashboard .metric-main-value{font-size:1.8rem;font-weight:700;color:var(--text-dark, #111827);line-height:1;margin-bottom:.125rem;text-align:left;width:100%}.OrganizationDashboard .metric-name{font-size:.875rem;color:var(--dc-muted, #9ca3af);text-align:middle;font-weight:500;width:100%}.OrganizationDashboard .org-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.OrganizationDashboard .org-heading{display:flex;flex-direction:column;gap:.5rem}.OrganizationDashboard .org-plan-badge{display:inline-block;background:linear-gradient(135deg,var(--brand-primary-500),var(--brand-secondary-500));color:#fff;padding:.375rem .875rem;border-radius:8px;font-size:.875rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 8px #0000001a;width:-moz-fit-content;width:fit-content}.OrganizationDashboard .metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}@media(min-width:768px){.OrganizationDashboard .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.OrganizationDashboard .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.OrganizationDashboard .btn-primary,.OrganizationDashboard .btn-secondary{padding:.5rem .75rem;border-radius:8px;font-size:.875rem}.OrganizationDashboard .btn-primary{background:var(--primary, #4f46e5);color:#fff}.OrganizationDashboard .btn-primary:hover{filter:brightness(.95)}.OrganizationDashboard .btn-secondary{background:color-mix(in srgb,var(--text-dark) 4%,transparent);color:color-mix(in srgb,var(--text-dark) 70%,transparent)}.OrganizationDashboard .btn-secondary:hover{background:color-mix(in srgb,var(--text-dark) 8%,transparent)}.OrganizationDashboard .budget-bar{background:color-mix(in srgb,var(--text-dark) 12%,transparent);border-radius:9999px;height:.5rem;overflow:hidden;position:relative}.OrganizationDashboard .budget-bar.simple{height:10px;border-radius:8px}.OrganizationDashboard .budget-header{display:flex;align-items:center;justify-content:space-between;margin:.25rem 0 .5rem}.OrganizationDashboard .budget-header .label{color:color-mix(in srgb,var(--text-dark) 65%,transparent);font-size:.875rem}.OrganizationDashboard .budget-header .value{color:var(--text-dark);font-size:1rem;font-weight:700}.OrganizationDashboard .budget-totals{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.OrganizationDashboard .budget-totals .row{display:flex;justify-content:space-between;font-size:.8125rem;color:color-mix(in srgb,var(--text-dark) 72%,transparent)}.OrganizationDashboard .budget-totals .row .v{color:var(--text-dark);font-weight:600}.OrganizationDashboard .budget-totals .approx{margin-top:.125rem;color:color-mix(in srgb,var(--text-dark) 58%,transparent);font-size:.75rem}.OrganizationDashboard .budget-bar .budget-fill,.OrganizationDashboard .budget-fill{background:var(--primary, #4f46e5);height:100%}.OrganizationDashboard .budget-bar.ok .budget-fill{background:#22c55e}.OrganizationDashboard .budget-bar.warn .budget-fill{background:#f59e0b}.OrganizationDashboard .budget-bar.danger .budget-fill{background:#ef4444}.OrganizationDashboard .budget-bar .budget-knob{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:9999px;background:var(--bg-dark);border:2px solid color-mix(in srgb,var(--text-dark) 24%,transparent);box-shadow:0 1px 2px #00000014}.OrganizationDashboard .budget-progress .budget-legend{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem}.OrganizationDashboard .budget-progress .budget-percent{color:#64748b;font-size:.75rem}.OrganizationDashboard .budget-progress .budget-remaining{color:#0f172a;font-size:.75rem;font-weight:500}.OrganizationDashboard .topic-chip{--chip-bg: #f1f5f9;--chip-fg: #334155;--chip-border: #e2e8f0;display:inline-flex;align-items:center;gap:.4rem;background:var(--chip-bg);color:var(--chip-fg);border:1px solid var(--chip-border);border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;line-height:1;cursor:default}.OrganizationDashboard .topic-chip:before{content:"";width:6px;height:6px;border-radius:9999px;background:color-mix(in srgb,var(--text-dark) 58%,transparent);flex:0 0 auto}.OrganizationDashboard .topic-chip:hover{background:color-mix(in srgb,var(--text-dark) 6%,transparent);border-color:color-mix(in srgb,var(--text-dark) 12%,transparent)}.OrganizationDashboard .topic-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--text-dark) 58%,transparent);outline-offset:2px}.OrganizationDashboard .org-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem}.OrganizationDashboard .org-heading{display:flex;flex-direction:column;gap:.25rem}.OrganizationDashboard .header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.OrganizationDashboard .metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.OrganizationDashboard .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.OrganizationDashboard .metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;width:100%;margin:0}}.OrganizationDashboard .metric-card,.OrganizationDashboard .metric-tile{padding:.875rem 1rem}.OrganizationDashboard .metric-card{background:#fff;border:1px solid var(--tile-border);border-radius:12px;box-shadow:var(--shadow)}.OrganizationDashboard .activities-list{list-style:none;padding:0;margin:0}.OrganizationDashboard .activity-item{padding:.5rem 0;display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:baseline;border-top:1px solid color-mix(in srgb,var(--text-dark) 8%,transparent)}.OrganizationDashboard .activity-item:first-child{border-top:0}.OrganizationDashboard .activity-type{font-size:.75rem;text-transform:uppercase;color:color-mix(in srgb,var(--text-dark) 72%,transparent);background:color-mix(in srgb,var(--text-dark) 6%,transparent);border:1px solid color-mix(in srgb,var(--text-dark) 12%,transparent);border-radius:9999px;padding:.125rem .375rem}.OrganizationDashboard .activity-time{color:#64748b;font-size:.8125rem}.OrganizationDashboard .activity-entity{color:var(--text-dark);font-weight:500}.OrganizationDashboard .activity-project,.OrganizationDashboard .activity-user,.OrganizationDashboard .activity-desc{color:#64748b}.OrganizationDashboard .activity-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.OrganizationDashboard .activity-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--panel-bg, color-mix(in srgb, var(--text-dark) 3%, transparent));border:1px solid var(--panel-border, color-mix(in srgb, var(--text-dark) 12%, transparent));border-radius:12px;padding:1rem}.OrganizationDashboard .activity-row .row-left{display:flex;align-items:center;gap:.75rem;min-width:0}.OrganizationDashboard .activity-row .activity-icon{width:40px;height:40px;border-radius:9999px;background:color-mix(in srgb,var(--text-dark) 12%,transparent);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--text-dark) 72%,transparent);flex:0 0 auto}.OrganizationDashboard .activity-row .row-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.OrganizationDashboard .activity-row .row-title{font-weight:600;color:var(--text-dark);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.OrganizationDashboard .activity-row .row-sub{color:color-mix(in srgb,var(--text-dark) 70%,transparent);font-size:.875rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.OrganizationDashboard .activity-row .row-sub .dot{color:color-mix(in srgb,var(--text-dark) 46%,transparent)}.OrganizationDashboard .activity-empty{color:color-mix(in srgb,var(--text-dark) 58%,transparent);padding:.5rem 0}[data-theme=synthehol-dark] .OrganizationDashboard .activity-row,html.dark .OrganizationDashboard .activity-row,body.dark .OrganizationDashboard .activity-row{--panel-bg: rgba(255,255,255,.02);--panel-border: rgba(255,255,255,.05)}@media(max-width:640px){.OrganizationDashboard .org-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.OrganizationDashboard .dashboard-charts-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}@media(max-width:1024px){.OrganizationDashboard .dashboard-charts-section{grid-template-columns:1fr;gap:2rem}}.OrganizationDashboard .chart-card{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:16px;padding:1.75rem;box-shadow:var(--shadow)}.OrganizationDashboard .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.OrganizationDashboard .chart-title{font-size:1.125rem;font-weight:600;color:var(--text-dark, #111827);margin:0;letter-spacing:-.01em}.OrganizationDashboard .chart-legend{display:flex;align-items:center;gap:1.25rem}.OrganizationDashboard .legend-item{display:flex;align-items:center;gap:.5rem;opacity:.85;transition:opacity .15s ease}.OrganizationDashboard .legend-item:hover{opacity:1}.OrganizationDashboard .legend-color{width:12px;height:12px;border-radius:2px}.OrganizationDashboard .legend-item span{font-size:.8125rem;color:var(--dc-muted, #6b7280);font-weight:500}.OrganizationDashboard .quality-trends-card .chart-header{flex-direction:column;align-items:stretch;gap:1.25rem;margin-bottom:1.5rem}.OrganizationDashboard .chart-title-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem}.OrganizationDashboard .metric-toggles{display:flex;gap:.625rem;flex-wrap:wrap}.OrganizationDashboard .metric-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1.5px solid;border-radius:20px;background:var(--tile-bg, #ffffff);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.OrganizationDashboard .metric-toggle:hover{opacity:.85}.OrganizationDashboard .metric-toggle .metric-dot{width:8px;height:8px;border-radius:50%}.OrganizationDashboard .metric-toggle:not(.active){opacity:.4;border-color:var(--tile-border, rgba(229,231,235,1))!important;background:color-mix(in srgb,var(--tile-border) 20%,transparent)}.OrganizationDashboard .chart-stats{display:flex;gap:2rem;padding-top:.5rem;border-top:1px solid var(--tile-border, rgba(229,231,235,1))}.OrganizationDashboard .stat-item{display:flex;flex-direction:column;gap:.25rem}.OrganizationDashboard .stat-label{font-size:.75rem;color:var(--dc-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.OrganizationDashboard .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-dark, #111827)}.OrganizationDashboard .line-chart-content{width:100%;height:300px;position:relative}.OrganizationDashboard .line-chart{width:100%;height:100%}.OrganizationDashboard .line-chart .data-point{cursor:pointer;transition:r .2s}.OrganizationDashboard .line-chart .data-point:hover{r:7}[data-theme=synthehol-dark] .OrganizationDashboard .line-chart,html.dark .OrganizationDashboard .line-chart,body.dark .OrganizationDashboard .line-chart{--grid-line: rgba(255,255,255,.1)}.OrganizationDashboard .chart-content{height:280px;display:flex;align-items:flex-end}.OrganizationDashboard .chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:.75rem;width:100%;height:100%;padding-top:1rem}.OrganizationDashboard .bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.OrganizationDashboard .stacked-bar{width:100%;max-width:60px;height:100%;background:transparent;border-radius:6px 6px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse;position:relative;transition:transform .2s}.OrganizationDashboard .stacked-bar:hover{transform:translateY(-4px)}.OrganizationDashboard .bar-segment{width:100%;transition:opacity .2s}.OrganizationDashboard .bar-segment:hover{opacity:.85}.OrganizationDashboard .bar-segment.privacy{background:#c2a882}.OrganizationDashboard .bar-segment.fidelity{background:#14b8a6}.OrganizationDashboard .bar-segment.quality{background:#a5f3fc}.OrganizationDashboard .bar-label{font-size:.75rem;color:var(--dc-muted, #6b7280);text-align:center;margin-top:.5rem;white-space:nowrap}.OrganizationDashboard .jobs-list{display:flex;flex-direction:column;gap:1.25rem}.OrganizationDashboard .job-item{display:flex;flex-direction:column;gap:.75rem}.OrganizationDashboard .job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.OrganizationDashboard .job-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.OrganizationDashboard .job-id{font-size:.75rem;color:var(--dc-muted, #9ca3af);font-weight:600;letter-spacing:.025em}.OrganizationDashboard .job-name{font-size:.9375rem;color:var(--text-dark, #111827);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.OrganizationDashboard .job-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.OrganizationDashboard .job-duration{font-size:.875rem;color:var(--dc-muted, #6b7280);font-weight:500}.OrganizationDashboard .job-status{font-size:.875rem;font-weight:600}.OrganizationDashboard .job-progress{width:100%}.OrganizationDashboard .progress-bar{width:100%;height:8px;background:color-mix(in srgb,var(--text-dark) 8%,transparent);border-radius:9999px;overflow:hidden}.OrganizationDashboard .progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}[data-theme=synthehol-mint] .OrganizationDashboard .data-metric-tile,[data-theme=synthehol-mint] .OrganizationDashboard .quality-metric-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-white) 95%,transparent),color-mix(in srgb,var(--bg-light) 85%,transparent));border:2px solid var(--border);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .OrganizationDashboard .data-metric-tile:hover,[data-theme=synthehol-mint] .OrganizationDashboard .quality-metric-tile:hover{border-color:color-mix(in srgb,var(--brand-secondary-500) 85%,transparent);box-shadow:var(--shadow-secondary);transform:translateY(-3px);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-light) 98%,transparent),color-mix(in srgb,var(--surface-3) 90%,transparent))}[data-theme=synthehol-mint] .OrganizationDashboard .metric-main-value{color:var(--text-1);font-weight:800}[data-theme=synthehol-mint] .OrganizationDashboard .data-metric-tile .metric-icon{color:color-mix(in srgb,var(--brand-primary-500) 90%,transparent)}[data-theme=synthehol-mint] .OrganizationDashboard .metric-label{color:var(--text-2);font-weight:700}[data-theme=synthehol-mint] .OrganizationDashboard .metric-description{color:var(--text-3);font-weight:600}[data-theme=synthehol-mint] .OrganizationDashboard .metric-trend[data-trend=up]{color:var(--success);font-weight:800}[data-theme=synthehol-mint] .OrganizationDashboard .metric-trend[data-trend=down]{color:var(--danger);font-weight:800}[data-theme=synthehol-mint] .OrganizationDashboard .dashboard-card{background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%);border:2px solid var(--border);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .OrganizationDashboard .section-title,[data-theme=synthehol-mint] .OrganizationDashboard .job-name,[data-theme=synthehol-mint] .OrganizationDashboard .chart-title{color:var(--text-1);font-weight:700}[data-theme=synthehol-mint] .OrganizationDashboard .job-id,[data-theme=synthehol-mint] .OrganizationDashboard .job-duration,[data-theme=synthehol-mint] .OrganizationDashboard .bar-label{color:var(--text-2);font-weight:600}[data-theme=synthehol-mint] .OrganizationDashboard .progress-bar{background:color-mix(in srgb,var(--brand-primary-500) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary-500) 30%,transparent)}[data-theme=synthehol-mint] .OrganizationDashboard .progress-fill{background:linear-gradient(90deg,var(--brand-primary-600),var(--brand-primary-500))}[data-theme=synthehol-dark] .OrganizationDashboard .data-metric-tile,[data-theme=synthehol-dark] .OrganizationDashboard .quality-metric-tile,html.dark .OrganizationDashboard .data-metric-tile,html.dark .OrganizationDashboard .quality-metric-tile,body.dark .OrganizationDashboard .data-metric-tile,body.dark .OrganizationDashboard .quality-metric-tile{background:linear-gradient(135deg,#0f172a99,#0f172acc);border:2px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000080,0 2px 4px #0000004d}[data-theme=synthehol-dark] .OrganizationDashboard .data-metric-tile:hover,[data-theme=synthehol-dark] .OrganizationDashboard .quality-metric-tile:hover,html.dark .OrganizationDashboard .data-metric-tile:hover,html.dark .OrganizationDashboard .quality-metric-tile:hover,body.dark .OrganizationDashboard .data-metric-tile:hover,body.dark .OrganizationDashboard .quality-metric-tile:hover{border-color:color-mix(in srgb,var(--brand-primary-500) 50%,transparent);box-shadow:0 8px 20px #0009,0 4px 8px color-mix(in srgb,var(--brand-primary-500) 20%,transparent);transform:translateY(-3px);background:linear-gradient(135deg,#0f172ab3,#0f172ae6)}[data-theme=synthehol-dark] .OrganizationDashboard .metric-main-value,html.dark .OrganizationDashboard .metric-main-value,body.dark .OrganizationDashboard .metric-main-value{color:#fffffff2;font-weight:800}[data-theme=synthehol-dark] .OrganizationDashboard .data-metric-tile .metric-icon,html.dark .OrganizationDashboard .data-metric-tile .metric-icon,body.dark .OrganizationDashboard .data-metric-tile .metric-icon{color:color-mix(in srgb,var(--brand-primary-500) 70%,transparent)}[data-theme=synthehol-dark] .OrganizationDashboard .metric-label,html.dark .OrganizationDashboard .metric-label,body.dark .OrganizationDashboard .metric-label{color:#ffffffd9;font-weight:700}[data-theme=synthehol-dark] .OrganizationDashboard .metric-description,html.dark .OrganizationDashboard .metric-description,body.dark .OrganizationDashboard .metric-description{color:#fff9;font-weight:600}[data-theme=synthehol-dark] .OrganizationDashboard .metric-trend[data-trend=up],html.dark .OrganizationDashboard .metric-trend[data-trend=up],body.dark .OrganizationDashboard .metric-trend[data-trend=up]{color:#22c55e;font-weight:800}[data-theme=synthehol-dark] .OrganizationDashboard .metric-trend[data-trend=down],html.dark .OrganizationDashboard .metric-trend[data-trend=down],body.dark .OrganizationDashboard .metric-trend[data-trend=down]{color:#ef4444;font-weight:800}[data-theme=synthehol-dark] .OrganizationDashboard .dashboard-card,[data-theme=synthehol-dark] .OrganizationDashboard .chart-card,html.dark .OrganizationDashboard .dashboard-card,html.dark .OrganizationDashboard .chart-card,body.dark .OrganizationDashboard .dashboard-card,body.dark .OrganizationDashboard .chart-card{background:linear-gradient(135deg,#0f172a99,#0f172acc);border:2px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000080,0 2px 4px #0000004d}[data-theme=synthehol-dark] .OrganizationDashboard .section-title,html.dark .OrganizationDashboard .section-title,body.dark .OrganizationDashboard .section-title,[data-theme=synthehol-dark] .OrganizationDashboard .job-name,[data-theme=synthehol-dark] .OrganizationDashboard .chart-title,html.dark .OrganizationDashboard .job-name,html.dark .OrganizationDashboard .chart-title,body.dark .OrganizationDashboard .job-name,body.dark .OrganizationDashboard .chart-title{color:#fffffff2;font-weight:700}[data-theme=synthehol-dark] .OrganizationDashboard .job-id,[data-theme=synthehol-dark] .OrganizationDashboard .job-duration,[data-theme=synthehol-dark] .OrganizationDashboard .bar-label,html.dark .OrganizationDashboard .job-id,html.dark .OrganizationDashboard .job-duration,html.dark .OrganizationDashboard .bar-label,body.dark .OrganizationDashboard .job-id,body.dark .OrganizationDashboard .job-duration,body.dark .OrganizationDashboard .bar-label{color:#ffffffbf;font-weight:600}[data-theme=synthehol-dark] .OrganizationDashboard .progress-bar,html.dark .OrganizationDashboard .progress-bar,body.dark .OrganizationDashboard .progress-bar{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}[data-theme=synthehol-dark] .OrganizationDashboard .progress-fill,html.dark .OrganizationDashboard .progress-fill,body.dark .OrganizationDashboard .progress-fill{background:linear-gradient(90deg,var(--brand-primary-600),var(--brand-primary-500));box-shadow:0 0 8px color-mix(in srgb,var(--brand-primary-500) 40%,transparent)}[data-theme=synthehol-dark] .OrganizationDashboard .sidebar-section,html.dark .OrganizationDashboard .sidebar-section,body.dark .OrganizationDashboard .sidebar-section,[data-theme=synthehol-dark] .OrganizationDashboard .system-status-header,html.dark .OrganizationDashboard .system-status-header,body.dark .OrganizationDashboard .system-status-header{background:linear-gradient(135deg,#0f172a99,#0f172acc);border:2px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000080}.org-members-panel{background:var(--bg-dark);color:var(--text-dark);border:1px solid rgba(0,0,0,.06);border-color:color-mix(in hsl,var(--text-dark) 12%,transparent);border-radius:12px;box-shadow:var(--shadow)}.org-members-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid color-mix(in hsl,var(--text-dark) 12%,transparent);gap:12px}.org-members-tabs{display:flex;gap:4px;padding:12px 16px 0;border-bottom:2px solid color-mix(in hsl,var(--text-dark) 8%,transparent);background:var(--surface-1)}.org-tab{padding:10px 16px;border:none;background:transparent;color:color-mix(in hsl,var(--text-dark) 65%,white);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease;display:flex;align-items:center;gap:8px;border-radius:8px 8px 0 0}.org-tab:hover{background:color-mix(in hsl,var(--text-dark) 5%,transparent);color:var(--text-dark)}.org-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:color-mix(in hsl,var(--primary) 8%,transparent)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;border-radius:10px;background:color-mix(in hsl,var(--text-dark) 12%,transparent);font-size:.75rem;font-weight:600;color:var(--text-dark)}.org-tab.active .tab-count{background:var(--primary);color:#fff}.org-members-list{max-height:60vh;overflow-y:auto}.org-member-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid color-mix(in hsl,var(--text-dark) 6%,transparent);transition:background .15s ease;gap:16px}.org-member-row:hover{background:color-mix(in hsl,var(--text-dark) 3%,transparent)}.org-member-row:last-child{border-bottom:none}.org-member-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.org-member-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text-light);display:grid;place-items:center;font-weight:700;font-size:.9rem;flex-shrink:0}.org-member-actions{display:flex;align-items:center;gap:10px}.role-select{padding:6px 10px;border:1px solid color-mix(in hsl,var(--text-dark) 15%,transparent);border-radius:6px;background:var(--surface-2);color:var(--text-dark);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.role-select:hover{border-color:var(--primary);background:color-mix(in hsl,var(--primary) 5%,var(--surface-2))}.role-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in hsl,var(--primary) 15%,transparent)}.role-select:disabled{opacity:.6;cursor:not-allowed}.org-member-actions .btn-danger{background:#e11d48;color:#fff;padding:7px 12px;border-radius:8px;border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.org-member-actions .btn-danger:hover:not(:disabled){background:#be123c;transform:translateY(-1px);box-shadow:0 4px 8px #e11d484d}.org-member-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}.add-user-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1100;animation:fadeIn .2s ease-out}.add-user-dialog{width:540px;max-width:95vw;background:var(--bg-dark);color:var(--text-dark);border:1px solid color-mix(in hsl,var(--text-dark) 12%,transparent);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000001a;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.add-user-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg,color-mix(in hsl,var(--primary) 8%,var(--surface-2)) 0%,var(--surface-2) 100%);border-bottom:1px solid color-mix(in hsl,var(--text-dark) 8%,transparent)}.add-user-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:4px}.add-user-subtitle{font-size:.875rem;color:color-mix(in hsl,var(--text-dark) 60%,white)}.close-button{width:32px;height:32px;border-radius:8px;background:color-mix(in hsl,var(--text-dark) 5%,transparent);color:color-mix(in hsl,var(--text-dark) 60%,white);border:none;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:grid;place-items:center;flex-shrink:0}.close-button:hover{background:color-mix(in hsl,var(--text-dark) 10%,transparent);color:var(--text-dark);transform:rotate(90deg)}.add-user-body{padding:28px;display:flex;flex-direction:column;gap:24px}.error-alert{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.9rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.error-icon{flex-shrink:0;color:#dc2626}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:600;color:var(--text-dark)}.form-hint{font-size:.75rem;font-weight:400;color:color-mix(in hsl,var(--text-dark) 50%,white);font-style:italic}.loading-indicator{font-size:.75rem;font-weight:400;color:var(--primary);font-style:italic}.form-select{width:100%;padding:12px 14px;background:var(--surface-2);color:var(--text-dark);border:2px solid color-mix(in hsl,var(--text-dark) 12%,transparent);border-radius:10px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.form-select:hover:not(:disabled){border-color:color-mix(in hsl,var(--primary) 40%,transparent);background:color-mix(in hsl,var(--primary) 3%,var(--surface-2))}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in hsl,var(--primary) 15%,transparent);background:var(--bg-dark)}.form-select:disabled{opacity:.6;cursor:not-allowed}.user-select option{padding:8px;font-family:inherit}.role-select option{padding:10px;font-size:.9rem;font-family:inherit}.role-icon-preview{display:flex;align-items:center;gap:10px;padding:12px 14px;background:color-mix(in hsl,var(--primary) 8%,var(--surface-2));border:1px solid color-mix(in hsl,var(--primary) 20%,transparent);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-dark);margin-top:4px}.role-icon{color:var(--primary);flex-shrink:0}.user-preview{display:flex;align-items:center;gap:14px;padding:14px 16px;background:color-mix(in hsl,var(--primary) 5%,var(--surface-1));border:1px solid color-mix(in hsl,var(--primary) 20%,transparent);border-radius:10px;margin-top:4px}.user-preview-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 12px #00000026}.user-preview-info{flex:1;min-width:0}.user-preview-name{font-weight:600;color:var(--text-dark);font-size:.95rem;margin-bottom:2px}.user-preview-email{font-size:.85rem;color:color-mix(in hsl,var(--text-dark) 60%,white)}.add-user-footer{padding:20px 28px;border-top:1px solid color-mix(in hsl,var(--text-dark) 8%,transparent);background:var(--surface-1);display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:10px 20px;background:var(--surface-2);color:var(--text-dark);border:2px solid color-mix(in hsl,var(--text-dark) 15%,transparent);border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:color-mix(in hsl,var(--text-dark) 8%,transparent);border-color:color-mix(in hsl,var(--text-dark) 25%,transparent);transform:translateY(-1px)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:10px 24px;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in hsl,var(--primary) 85%,var(--secondary)) 100%);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px color-mix(in hsl,var(--primary) 35%,transparent)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in hsl,var(--primary) 45%,transparent);filter:brightness(1.05)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:color-mix(in hsl,var(--text-dark) 10%,transparent);color:var(--text-dark);padding:8px 12px;border-radius:8px}.btn-primary{background:var(--primary);color:#fff;padding:8px 12px;border-radius:8px}.credit-balance-widget{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-1) 100%);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.credit-balance-widget:hover{box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.credit-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.credit-balance-title{font-size:1.125rem;font-weight:600;color:var(--text-1)}.credit-balance-main{margin-bottom:1.5rem}.credit-balance-total{font-size:2.5rem;font-weight:700;color:var(--brand-primary-500);line-height:1;margin-bottom:.5rem}.credit-balance-label{font-size:.875rem;color:var(--text-2);font-weight:500}.credit-balance-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.credit-stat{text-align:center;padding:.75rem;background:var(--surface-3);border-radius:12px;transition:background .2s ease}.credit-stat:hover{background:var(--surface-2)}.credit-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-1);line-height:1;margin-bottom:.25rem}.credit-stat-value.available{color:var(--brand-accent-500)}.credit-stat-value.reserved{color:var(--brand-secondary-500)}.credit-stat-value.used{color:var(--text-2)}.credit-stat-label{font-size:.75rem;color:var(--text-2);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.credit-balance-actions{display:flex;gap:.75rem}.credit-btn{padding:.875rem 1.75rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;position:relative;overflow:hidden;white-space:nowrap}.credit-btn svg{flex-shrink:0;transition:transform .25s ease}.credit-btn:hover:not(:disabled) svg{transform:scale(1.1)}.credit-btn:active:not(:disabled){transform:scale(.98)}.credit-btn:disabled{opacity:.5;cursor:not-allowed}.credit-btn-primary{background:linear-gradient(135deg,var(--brand-primary-500) 0%,var(--brand-primary-600) 100%);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-primary-500) 25%,transparent)}.credit-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.credit-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-600) 0%,var(--brand-primary-700) 100%);transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary-500) 35%,transparent)}.credit-btn-primary:hover:not(:disabled):before{left:100%}.credit-btn-secondary{background:var(--surface-3);color:var(--text-1);border:2px solid var(--border)}.credit-btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand-primary-500);color:var(--brand-primary-500);box-shadow:0 2px 8px color-mix(in srgb,var(--border) 20%,transparent)}.payment-method-card{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-1) 100%);border:2px solid var(--border);border-radius:14px;padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.payment-method-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-secondary-500));transition:width .3s ease;opacity:.1}.payment-method-card:hover:before{width:4px}.payment-method-card:hover{border-color:var(--brand-primary-500);box-shadow:var(--shadow);transform:translate(4px)}.payment-method-card.default{border-color:var(--brand-primary-500);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 10%,var(--surface-2)) 0%,var(--surface-2) 100%)}.payment-method-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.payment-method-icon{width:48px;height:32px;border-radius:6px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--text-1)}.payment-method-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-method-badge.default{background:var(--brand-primary-500);color:#fff}.payment-method-info{margin-bottom:1rem}.payment-method-number{font-size:1.125rem;font-weight:600;color:var(--text-1);margin-bottom:.25rem;letter-spacing:1px}.payment-method-type{font-size:.875rem;color:var(--text-2)}.payment-method-actions{display:flex;gap:.5rem}.payment-method-btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:var(--surface-3);color:var(--text-1)}.payment-method-btn:hover{background:var(--surface-2);border-color:var(--brand-primary-500)}.payment-method-btn.danger:hover{background:color-mix(in srgb,var(--brand-secondary-500) 10%,var(--surface-2));border-color:var(--brand-secondary-500);color:var(--brand-secondary-500)}.transaction-history{background:var(--surface-2);border-radius:16px;overflow:hidden;border:1px solid var(--border)}.transaction-history-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.transaction-history-title{font-size:1.25rem;font-weight:600;color:var(--text-1)}.transaction-filters{display:flex;gap:.75rem;align-items:center}.transaction-table{width:100%;border-collapse:collapse}.transaction-table thead{background:var(--surface-3)}.transaction-table th{padding:1rem 1.5rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.transaction-table td{padding:1rem 1.5rem;border-top:1px solid var(--border);color:var(--text-1);font-size:.9375rem}.transaction-table tbody tr{transition:background .2s ease}.transaction-table tbody tr:hover{background:var(--surface-3)}.transaction-type-badge{padding:.375rem .75rem;border-radius:12px;font-size:.8125rem;font-weight:600;text-transform:capitalize;display:inline-block}.transaction-type-badge.purchase{background:color-mix(in srgb,var(--brand-accent-500) 15%,transparent);color:var(--brand-accent-600)}.transaction-type-badge.usage{background:color-mix(in srgb,var(--brand-secondary-500) 15%,transparent);color:var(--brand-secondary-600)}.transaction-type-badge.bonus{background:color-mix(in srgb,var(--brand-primary-500) 15%,transparent);color:var(--brand-primary-600)}.transaction-type-badge.refund{background:color-mix(in srgb,var(--brand-accent-500) 15%,transparent);color:var(--brand-accent-700)}.transaction-credits{font-weight:700;font-family:Monaco,Courier New,monospace}.transaction-credits.positive{color:var(--brand-accent-600)}.transaction-credits.negative{color:var(--brand-secondary-600)}.subscription-card{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-1) 100%);border:2px solid var(--border);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.subscription-card:after{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,var(--brand-primary-500) 0%,transparent 70%);opacity:.05;pointer-events:none}.subscription-card:hover{border-color:var(--brand-primary-500);box-shadow:var(--shadow)}.subscription-status-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.subscription-status-badge.active{background:color-mix(in srgb,var(--brand-accent-500) 15%,transparent);color:var(--brand-accent-700)}.subscription-status-badge.past_due{background:color-mix(in srgb,var(--brand-secondary-500) 15%,transparent);color:var(--brand-secondary-700)}.subscription-status-badge.canceled{background:color-mix(in srgb,var(--text-2) 15%,transparent);color:var(--text-2)}.subscription-plan-name{font-size:1.5rem;font-weight:700;color:var(--text-1);margin-bottom:.5rem}.subscription-price{font-size:2rem;font-weight:700;color:var(--brand-primary-500);margin-bottom:.25rem}.subscription-price-label{font-size:.875rem;color:var(--text-2);margin-bottom:1.5rem}.subscription-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.subscription-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--surface-3);border-radius:10px}.subscription-detail-label{font-size:.875rem;color:var(--text-2);font-weight:500}.subscription-detail-value{font-size:.9375rem;color:var(--text-1);font-weight:600}.subscription-actions{display:flex;gap:.75rem}.budget-card{background:var(--surface-2);border:2px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.budget-card:hover{border-color:var(--brand-primary-500);box-shadow:var(--shadow)}.budget-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.budget-project-name{font-size:1.125rem;font-weight:600;color:var(--text-1);margin-bottom:.25rem}.budget-period{font-size:.8125rem;color:var(--text-2)}.budget-status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.budget-status-badge.active{background:color-mix(in srgb,var(--brand-accent-500) 15%,transparent);color:var(--brand-accent-700)}.budget-status-badge.exhausted{background:color-mix(in srgb,var(--brand-secondary-500) 15%,transparent);color:var(--brand-secondary-700)}.budget-amount-section{margin-bottom:1.5rem}.budget-amounts{display:flex;justify-content:space-between;margin-bottom:.75rem}.budget-amount{font-size:1.25rem;font-weight:700;color:var(--text-1)}.budget-amount.consumed{color:var(--brand-secondary-600)}.budget-amount.total{color:var(--text-2)}.budget-progress-bar{height:12px;background:var(--surface-3);border-radius:6px;overflow:hidden;position:relative}.budget-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-accent-500),var(--brand-primary-500));border-radius:6px;transition:width .5s ease}.budget-progress-fill.warning{background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-secondary-500))}.budget-progress-fill.danger{background:var(--brand-secondary-500)}.budget-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.budget-actions{display:flex;gap:.5rem}.coupon-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.coupon-input{flex:1;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;background:var(--surface-3);color:var(--text-1);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.coupon-input::-moz-placeholder{text-transform:none;letter-spacing:normal;font-weight:500;color:var(--text-3)}.coupon-input::placeholder{text-transform:none;letter-spacing:normal;font-weight:500;color:var(--text-3)}.coupon-input:focus{outline:none;border-color:var(--brand-primary-500);background:var(--surface-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary-500) 15%,transparent);transform:translateY(-1px)}.coupon-apply-btn{padding:1rem 1.75rem;border-radius:12px;background:linear-gradient(135deg,var(--brand-primary-500) 0%,var(--brand-primary-600) 100%);color:#fff;font-weight:700;font-size:.9375rem;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px color-mix(in srgb,var(--brand-primary-500) 25%,transparent);white-space:nowrap}.coupon-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-600) 0%,var(--brand-primary-700) 100%);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary-500) 35%,transparent)}.coupon-apply-btn:active:not(:disabled){transform:translateY(0)}.coupon-apply-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.coupon-validation{padding:1rem 1.25rem;border-radius:12px;font-size:.9375rem;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease}.coupon-validation:before{font-size:1.25rem;flex-shrink:0}.coupon-validation.success{background:color-mix(in srgb,var(--brand-accent-500) 12%,transparent);color:var(--brand-accent-700);border:2px solid color-mix(in srgb,var(--brand-accent-500) 40%,transparent)}.coupon-validation.success:before{content:"✓"}.coupon-validation.error{background:color-mix(in srgb,var(--brand-secondary-500) 12%,transparent);color:var(--brand-secondary-700);border:2px solid color-mix(in srgb,var(--brand-secondary-500) 40%,transparent)}.coupon-validation.error:before{content:"⚠"}.cost-calculation{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-2) 100%);border:2px solid var(--border);border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000000d}.cost-line{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem;transition:all .2s ease}.cost-line:hover{transform:translate(2px)}.cost-line.subtotal{color:var(--text-2);font-weight:500}.cost-line.discount{color:var(--brand-accent-600);font-weight:700;background:color-mix(in srgb,var(--brand-accent-500) 8%,transparent);margin:.5rem -.75rem;padding:.5rem .75rem;border-radius:10px}.cost-line.discount:before{content:"🎉 ";margin-right:.5rem}.cost-line.total{padding-top:.75rem;border-top:3px solid var(--border);margin-top:.75rem;font-size:1.25rem;font-weight:800;color:var(--brand-primary-500);letter-spacing:-.02em}.cost-line.total:hover{transform:translate(0)}.cost-strikethrough{text-decoration:line-through;opacity:.5;font-size:.875em;color:var(--text-3)}.credit-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease}.credit-modal{background:var(--surface-2);border-radius:20px;max-width:640px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #00000059,0 10px 25px #0003;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}.credit-modal-header{padding:2rem 2.5rem 1.25rem;border-bottom:2px solid var(--border);background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border-radius:20px 20px 0 0}.credit-modal-title{font-size:1.625rem;font-weight:700;color:var(--text-1);letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.credit-modal-title:before{content:"💳";font-size:1.75rem}.credit-modal-body{padding:1rem 1.5rem}.credit-modal-footer{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--border);background:var(--surface-3);border-radius:0 0 20px 20px}@media(max-width:768px){.credit-balance-breakdown{grid-template-columns:1fr}.credit-balance-actions{flex-direction:column}.transaction-table{font-size:.875rem}.transaction-table th,.transaction-table td{padding:.75rem 1rem}.credit-modal{width:95%;max-height:95vh}}[data-theme=synthehol-dark] .credit-balance-widget,[data-theme=synthehol-dark] .payment-method-card,[data-theme=synthehol-dark] .subscription-card,[data-theme=synthehol-dark] .budget-card{border-color:#ffffff1a}[data-theme=synthehol-dark] .transaction-table thead{background:var(--bg-dark)}[data-theme=synthehol-dark] .credit-modal{background:var(--bg-dark);border:1px solid rgba(255,255,255,.1)}.payment-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-dialog{background:var(--surface-1);border-radius:12px;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.payment-dialog-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);flex-shrink:0}.payment-dialog-title{font-size:1.5rem;font-weight:700;color:var(--text-1);margin:0}.payment-dialog-close{background:none;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-2);border-radius:4px;transition:all .2s ease}.payment-dialog-close:hover{background:var(--surface-3);color:var(--text-1)}.payment-dialog-body{padding:1.5rem;overflow-y:auto;flex:1}.payment-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.payment-loading-text{color:var(--text-2);margin:0}.payment-error-container{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.payment-error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.payment-error-title{font-weight:600;margin:0 0 .25rem}.payment-error-message{font-size:.875rem;margin:0}.payment-dialog-description{color:var(--text-2);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.payment-test-card-notice{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-2)}.payment-test-title{font-weight:600;margin:0 0 .5rem;color:var(--text-1)}.payment-test-subtitle{margin:0 0 .5rem}.payment-test-list{margin:.5rem 0;padding-left:1.5rem;line-height:1.6}.payment-test-list li{margin:.25rem 0}.payment-test-requirements{font-size:.75rem;margin-top:.75rem;padding:.5rem;background:var(--surface-3);border-radius:4px}.payment-test-requirements p{margin:0 0 .25rem}.payment-test-requirements p:first-child{margin-bottom:.25rem}.payment-dropin-container{min-height:300px;margin-bottom:1rem}.payment-security-notice{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--surface-2);border-radius:8px;font-size:.75rem;color:var(--text-2)}.payment-security-icon{width:1rem;height:1rem;flex-shrink:0}.payment-dialog-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0;background:var(--surface-1)}[data-theme=synthehol-dark] .payment-dialog{border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.payment-dialog{max-width:95vw;margin:.5rem}.payment-dialog-header,.payment-dialog-body,.payment-dialog-footer{padding:1rem}}.subscription-list-container{display:flex;flex-direction:column;gap:2rem}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.subscription-main-title{font-size:1.5rem;font-weight:700;color:var(--text-1);margin:0}.subscription-main-subtitle{font-size:.875rem;color:var(--text-2);margin:.25rem 0 0}.plans-compact-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:.5rem 0}.plan-compact-card{background:var(--surface-2);border:2px solid var(--border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative}.plan-compact-card:hover{border-color:var(--brand-primary-500);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.plan-compact-card.active{border-color:var(--brand-primary-500);background:var(--surface-3)}.plan-compact-card.current-org{border-color:var(--brand-secondary-500);background:color-mix(in srgb,var(--brand-secondary-500) 5%,var(--surface-2))}.plan-compact-card.selected{border-color:var(--brand-accent-500);background:color-mix(in srgb,var(--brand-accent-500) 5%,var(--surface-2))}.plan-checkbox{position:absolute;top:1rem;right:1rem;width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--brand-accent-500)}.plan-compact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.plan-compact-name{font-size:1.125rem;font-weight:700;color:var(--text-1);margin:0;line-height:1.2}.plan-active-badge{background:var(--brand-primary-500);color:#fff;padding:.25rem .625rem;border-radius:8px;font-size:.625rem;font-weight:600;text-transform:uppercase;white-space:nowrap;letter-spacing:.5px}.plan-active-badge.org{background:var(--brand-secondary-500)}.plan-compact-price{margin-bottom:.5rem}.plan-compact-price-amount{font-size:1.75rem;font-weight:700;color:var(--brand-primary-500);line-height:1}.plan-compact-price-interval{font-size:.875rem;color:var(--text-2);margin-left:.25rem}.plan-compact-description{font-size:.8125rem;color:var(--text-2);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plans-detail-section{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:2rem;margin-top:1rem}.plan-detail-view{display:flex;flex-direction:column;gap:2rem}.plan-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.plan-detail-name{font-size:2rem;font-weight:700;color:var(--text-1);margin:0 0 .5rem}.plan-detail-description{font-size:1rem;color:var(--text-2);margin:.5rem 0 0;line-height:1.6}.plan-detail-pricing{text-align:right;flex-shrink:0}.plan-detail-price{font-size:3rem;font-weight:700;color:var(--brand-primary-500);line-height:1;margin-bottom:.25rem}.plan-detail-interval{font-size:1rem;color:var(--text-2)}.plan-detail-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.plan-detail-section-title{font-size:1.125rem;font-weight:700;color:var(--text-1);margin:0 0 1rem}.plan-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-feature-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-2);font-size:.9375rem;line-height:1.6}.plan-feature-icon{color:var(--brand-accent-500);flex-shrink:0;margin-top:.125rem}.plan-detail-limits{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.plan-limits-grid{display:flex;flex-direction:column;gap:1rem}.plan-limit-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--surface-3);border-radius:8px}.plan-limit-label{font-size:.875rem;color:var(--text-2);font-weight:500}.plan-limit-value{font-size:.9375rem;color:var(--text-1);font-weight:700}.plan-detail-actions{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.plan-detail-actions .credit-btn{min-width:200px;align-self:flex-end}.plan-payment-method-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--surface-3);border:1px solid var(--border);border-radius:8px}.payment-method-display{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-1)}.payment-method-display svg{color:var(--brand-primary-500)}.payment-method-note{font-size:.875rem;color:var(--text-2);margin:0;line-height:1.4}.plan-payment-method-warning{padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:var(--text-1)}.plan-payment-method-warning p{margin:0;font-size:.875rem;line-height:1.4}.plan-payment-method-warning-compact{padding:.5rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;text-align:center}.plan-payment-method-warning-compact p{margin:0;font-size:.75rem;color:var(--text-1)}.plans-comparison{display:flex;flex-direction:column;gap:1.5rem}.comparison-title{font-size:1.5rem;font-weight:700;color:var(--text-1);margin:0;padding-bottom:1rem;border-bottom:2px solid var(--border)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.comparison-column{background:var(--surface-2);border:2px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.comparison-plan-header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.comparison-plan-name{font-size:1.25rem;font-weight:700;color:var(--text-1);margin:0}.comparison-plan-price{margin-top:.5rem}.comparison-price-amount{font-size:2rem;font-weight:700;color:var(--brand-primary-500);line-height:1}.comparison-price-interval{font-size:.875rem;color:var(--text-2);margin-left:.5rem}.comparison-features{display:flex;flex-direction:column;gap:.75rem;flex:1}.comparison-feature{display:flex;align-items:flex-start;gap:.625rem;color:var(--text-2);font-size:.875rem;line-height:1.5}.comparison-feature-icon{color:var(--brand-accent-500);flex-shrink:0;margin-top:.125rem}@media(max-width:1024px){.plan-detail-content,.comparison-grid{grid-template-columns:1fr}}@media(max-width:768px){.plans-compact-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.subscription-header{flex-direction:column;gap:1rem}.subscription-header .credit-btn{align-self:flex-start}.plan-detail-header{flex-direction:column}.plan-detail-pricing{text-align:left}.plans-detail-section{padding:1.5rem}.plan-detail-price{font-size:2.5rem}}@media(max-width:480px){.plans-compact-list{grid-template-columns:1fr}}.current-subscription-widget{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.current-subscription-widget.loading,.current-subscription-widget.error,.current-subscription-widget.no-subscription{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.current-subscription-widget.active:hover{box-shadow:var(--shadow-secondary);transform:translateY(-2px)}.widget-spinner{width:2rem;height:2rem;border:2px solid var(--brand-primary-500);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.widget-title{font-size:1rem;font-weight:600;color:var(--text-1);margin:0}.subscription-status-badge.active{display:flex;align-items:center;gap:.25rem;background:color-mix(in srgb,var(--brand-accent-500) 15%,var(--surface-1));color:var(--brand-accent-500);padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.subscription-status-badge.past_due{background:color-mix(in srgb,#ef4444 15%,var(--surface-1));color:#ef4444}.subscription-status-badge.canceled,.subscription-status-badge.expired{background:color-mix(in srgb,var(--text-2) 15%,var(--surface-1));color:var(--text-2)}.widget-content{display:flex;flex-direction:column;gap:1rem}.subscription-plan-info{display:flex;flex-direction:column;gap:.5rem}.plan-name{font-size:1.25rem;font-weight:700;color:var(--text-1);margin:0}.plan-price{font-size:1.5rem;font-weight:700;color:var(--brand-primary-500);display:flex;align-items:baseline;gap:.25rem}.price-interval{font-size:.875rem;font-weight:400;color:var(--text-2)}.subscription-details-grid{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface-3);border-radius:8px}.detail-item{display:flex;align-items:flex-start;gap:.75rem}.detail-icon{color:var(--brand-primary-500);flex-shrink:0;margin-top:.125rem}.detail-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.detail-label{font-size:.75rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-value{font-size:.875rem;color:var(--text-1);font-weight:600}.subscription-usage-section{padding:1rem;background:var(--surface-1);border-radius:8px;border:1px solid var(--border)}.usage-title{font-size:.875rem;font-weight:600;color:var(--text-1);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.usage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.usage-stat{display:flex;align-items:flex-start;gap:.5rem}.usage-icon{color:var(--brand-primary-500);flex-shrink:0;margin-top:.125rem}.usage-content{display:flex;flex-direction:column;gap:.125rem}.usage-label{font-size:.625rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.usage-value{font-size:1.125rem;color:var(--text-1);font-weight:700}.usage-quota-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.usage-quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.quota-label{font-size:.75rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.quota-value{font-size:.875rem;color:var(--text-1);font-weight:700}.quota-progress{width:100%;height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.quota-progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-accent-500));transition:width .3s ease;border-radius:4px}.quota-remaining{font-size:.75rem;color:var(--text-2);text-align:right}.usage-credits-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.credit-stat{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.credit-icon{color:var(--brand-primary-500);flex-shrink:0;margin-top:.125rem}.credit-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.credit-label{font-size:.75rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.credit-value{font-size:1rem;color:var(--text-1);font-weight:700}.credit-capacity,.credit-rate{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface-3);border-radius:6px;margin-bottom:.5rem}.capacity-label,.rate-label{font-size:.75rem;color:var(--text-2);font-weight:500}.capacity-value,.rate-value{font-size:.875rem;color:var(--text-1);font-weight:600}.plan-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background:color-mix(in srgb,var(--brand-accent-500) 15%,var(--surface-1));color:var(--brand-accent-500)}.no-subscription-message{text-align:center;color:var(--text-2);font-size:.875rem;margin-bottom:1rem}.error-message{color:var(--error-color, #dc2626);font-size:.875rem;text-align:center}.full-width{width:100%}.usage-widget{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.usage-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.usage-widget-title{font-size:1rem;font-weight:600;color:var(--text-1);margin:0}.usage-widget-icon{color:var(--brand-primary-500)}.usage-widget-content{display:flex;flex-direction:column;gap:1.25rem}.usage-metric{display:flex;flex-direction:column;gap:.5rem}.usage-metric-header{display:flex;justify-content:space-between;align-items:center}.usage-metric-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-2)}.metric-icon{color:var(--brand-primary-500)}.usage-metric-value{font-size:1.25rem;font-weight:700;color:var(--text-1);display:flex;align-items:baseline;gap:.25rem}.usage-limit{font-size:.875rem;font-weight:400;color:var(--text-2)}.usage-progress-bar{width:100%;height:.5rem;background:var(--surface-3);border-radius:9999px;overflow:hidden}.usage-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:9999px}.usage-progress-text{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-2);margin-top:.25rem}.usage-widget-compact{display:flex;align-items:center;gap:1.5rem;padding:.75rem;background:var(--surface-1);border:1px solid var(--border);border-radius:8px}.usage-item-compact{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-2)}.usage-item-compact svg{color:var(--brand-primary-500)}.stripe-payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-element-container{min-height:200px}.payment-info-banner{background:var(--info-bg, #eff6ff);border:1px solid var(--info, #3b82f6);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem}.payment-info-banner p{margin:0;color:var(--text-primary, #111827);line-height:1.5}.payment-security-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:var(--surface-2, #f9fafb);border-radius:6px}.payment-security-badge svg{width:1rem;height:1rem}.payment-security-badge span{font-size:.75rem;color:var(--text-muted, #6b7280)}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.dialog-container{background:var(--card-bg, #ffffff);border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.dialog-header{padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2, #f9fafb)}.dialog-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0}.dialog-close-btn{background:none;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6b7280);border-radius:4px;cursor:pointer;transition:all .2s ease}.dialog-close-btn:hover{background:var(--surface-3, #f3f4f6);color:var(--text-primary, #111827)}.dialog-content{padding:1.5rem;overflow-y:auto;flex:1}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-container .spinner{animation:spin 1s linear infinite}.error-message{background:var(--danger-bg, rgba(220, 38, 38, .1));border:1px solid var(--danger-border, rgba(220, 38, 38, .3));color:var(--danger, #dc2626);padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem}.error-message p{margin:0 0 .5rem}.retry-btn{background:var(--danger, #dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.retry-btn:hover{background:var(--danger-dark, #b91c1c)}.btn-primary{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover:not(:disabled){background:var(--accent, #2563eb);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-3, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border-color, #e5e7eb);padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--surface-2, #ffffff);border-color:var(--text-muted, #9ca3af)}html.dark .dialog-container{background:var(--card-bg, #1e293b)}html.dark .dialog-header{background:var(--surface-2-dark, #1f2937);border-bottom-color:var(--border-dark, #374151)}html.dark .dialog-header h2{color:var(--text-primary-dark, #f9fafb)}html.dark .payment-info-banner{background:var(--info-bg-dark, #1e3a5f);border-color:var(--info-dark, #60a5fa)}html.dark .payment-info-banner p{color:var(--text-primary-dark, #f9fafb)}html.dark .payment-security-badge{background:var(--surface-2-dark, #1f2937)}html.dark .payment-security-badge span{color:var(--text-muted-dark, #9ca3af)}.credit-burn-container{background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.credit-burn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.credit-burn-title{font-size:1.25rem;font-weight:700;color:var(--text-1);margin:0}.credit-burn-subtitle{font-size:.875rem;color:var(--text-2);margin-top:.25rem;margin-bottom:0}.credit-burn-range-selector{display:flex;gap:.5rem}.credit-burn-range-button{padding:.5rem .75rem;font-size:.875rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;background:var(--surface-3);color:var(--text-2)}.credit-burn-range-button.active{background:var(--brand-primary-500);color:#fff}.credit-burn-range-button:hover:not(.active){background:var(--surface-2);box-shadow:var(--shadow)}.credit-burn-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.credit-burn-stat-card{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-2) 100%);border-radius:.5rem;padding:1rem;border:1px solid var(--border)}.credit-burn-stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.credit-burn-stat-label{font-size:.75rem;color:var(--text-2);font-weight:600;text-transform:uppercase}.credit-burn-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-1)}.credit-burn-stat-value.primary{color:var(--brand-primary-600)}.credit-burn-stat-value.secondary{color:var(--brand-secondary-600)}.credit-burn-stat-description{font-size:.75rem;color:var(--text-2);margin-top:.25rem}.credit-burn-icon-primary{color:var(--brand-primary-500)}.credit-burn-icon-secondary{color:var(--brand-secondary-500)}.credit-burn-icon-accent{color:var(--brand-accent-500)}.credit-burn-icon-warning{color:var(--warning-color, #f59e0b)}.credit-burn-chart-wrapper{width:100%;height:400px}.credit-burn-empty{text-align:center;padding:3rem 0;color:var(--text-2);background:var(--surface-3);border-radius:.5rem}.credit-burn-loading{background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:2rem;display:flex;align-items:center;justify-content:center}.credit-burn-spinner{width:2rem;height:2rem;border:2px solid var(--brand-primary-500);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.credit-burn-error{background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;text-align:center;color:var(--danger)}.credit-burn-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem}.credit-burn-table-header{background:var(--surface-3);border-bottom:2px solid var(--border)}.credit-burn-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.credit-burn-table-row{border-bottom:1px solid var(--border);transition:background-color .2s}.credit-burn-table-row:hover{background:var(--surface-3)}.credit-burn-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--text-1)}@media(max-width:1024px){.credit-burn-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.credit-burn-summary-grid{grid-template-columns:1fr}.credit-burn-header{flex-direction:column;align-items:flex-start;gap:1rem}.credit-burn-range-selector{width:100%;justify-content:stretch}.credit-burn-range-button{flex:1}}.purchase-credits-modal{background:var(--surface-2);border-radius:1rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.purchase-credits-body{padding:1.5rem}.purchase-balance-display{background:var(--surface-3);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.purchase-balance-label{font-size:.875rem;color:var(--text-2);margin-bottom:.5rem}.purchase-balance-value{font-size:2rem;font-weight:700;color:var(--brand-primary-500)}.purchase-form-group{margin-bottom:1.25rem}.purchase-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-1);margin-bottom:.5rem}.purchase-form-input-wrapper{position:relative}.purchase-input-prefix{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-2);font-weight:600}.purchase-coupon-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.purchase-coupon-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.purchase-coupon-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--surface-3);border-radius:.5rem;border:1px solid var(--border)}.purchase-coupon-code{font-family:monospace;font-weight:600;color:var(--brand-primary-500)}.purchase-coupon-discount{font-size:.875rem;color:var(--success);font-weight:600}.purchase-cost-breakdown{background:var(--surface-3);border-radius:.5rem;padding:1rem;margin-top:1.5rem}.purchase-cost-line{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--text-2)}.purchase-cost-total{display:flex;justify-content:space-between;padding-top:.75rem;margin-top:.75rem;border-top:2px solid var(--border);font-size:1.125rem;font-weight:700;color:var(--text-1)}.purchase-info-card{background:var(--info-bg);border:1px solid var(--info-border);border-radius:.5rem;padding:.75rem;margin-top:1rem}.purchase-payment-info{font-size:.875rem;color:var(--text-2);line-height:1.5}.purchase-button-processing{opacity:.6;cursor:not-allowed}.purchase-button-ready{cursor:pointer}.subscription-loading-state,.subscription-error-state{padding:2rem;text-align:center}.subscription-spinner-wrapper{display:flex;justify-content:center;padding:3rem 0}.subscription-error-message{color:var(--danger);font-weight:500}.subscription-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning-border, rgba(245, 158, 11, .3));border-radius:.5rem;color:var(--text-1);font-size:.875rem;margin-bottom:1rem}.budget-progress-bar{width:100%;height:.5rem;background:var(--surface-3);border-radius:9999px;overflow:hidden;margin:.5rem 0}.budget-progress-fill{height:100%;background:var(--brand-primary-500);border-radius:9999px;transition:width .3s ease}.budget-progress-fill.warning{background:var(--warning-color, #f59e0b)}.budget-progress-fill.danger{background:var(--danger)}.budget-empty-icon{width:2rem;height:2rem;color:var(--text-3);margin:0 auto}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.organization-settings-dialog{background:var(--surface-1);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90vw;max-width:1200px;height:85vh;max-height:800px;min-height:600px;display:flex;flex-direction:column;overflow:hidden;position:relative}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--surface-2)}.dialog-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-1)}.dialog-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-2);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dialog-close:hover{background:var(--surface-3);color:var(--text-1)}.settings-container{display:flex;flex:1;overflow:hidden;min-height:0;position:relative;width:100%}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.settings-title{font-size:2rem;font-weight:700;color:var(--text-1);margin-bottom:.25rem}.settings-subtitle{font-size:1rem;color:var(--text-2);font-weight:500}.settings-sidebar{width:240px;min-width:240px;max-width:240px;flex-shrink:0;border-right:1px solid var(--border-color);background:var(--surface-2);overflow-y:auto;display:flex;flex-direction:column}.settings-tab{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .2s ease;text-align:left;color:var(--text-2);white-space:nowrap;flex-shrink:0}.settings-tab:hover{background:var(--surface-3);color:var(--text-1)}.settings-tab.active{background:var(--surface-3);border-left-color:var(--brand);color:var(--text-1)}.tab-icon{font-size:1.125rem;line-height:1;flex-shrink:0;width:1.25rem;text-align:center}.tab-label{font-size:.9375rem;font-weight:500;flex:1}.settings-content{flex:1;width:100%;min-width:0;padding:1.5rem 2rem;overflow-y:auto;overflow-x:hidden}.settings-section{animation:fadeInUp .3s ease;width:100%;max-width:100%}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.section-description{font-size:.875rem;color:var(--text-2);line-height:1.5;margin:0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.action-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface-2);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-weight:500;color:var(--text-1)}.action-card:hover{background:var(--surface-3);border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon{font-size:1.5rem;line-height:1}.action-label{flex:1}@media(max-width:1024px){.organization-settings-dialog{width:95vw;height:90vh}.settings-sidebar{width:200px;min-width:200px;max-width:200px}.settings-tab{padding:.75rem 1rem;font-size:.875rem}.dialog-header{padding:1rem 1.5rem}.dialog-header h2{font-size:1.25rem}}@media(max-width:768px){.organization-settings-dialog{width:100vw;height:100vh;max-width:100vw;max-height:100vh;min-height:unset;border-radius:0}.settings-container{flex-direction:column;width:100%}.settings-sidebar{width:100%;min-width:unset;max-width:unset;border-right:none;border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-direction:row}.settings-tab{display:inline-flex;min-width:120px;border-left:none;border-bottom:3px solid transparent}.settings-tab.active{border-left:none;border-bottom-color:var(--brand)}.settings-content{padding:1rem;width:100%}.dialog-header{padding:1rem}}[data-theme=synthehol-dark] .settings-nav{border-color:#ffffff1a}[data-theme=synthehol-dark] .settings-nav-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 20%,var(--bg-dark)),color-mix(in srgb,var(--brand-primary-500) 10%,var(--bg-dark)))}[data-theme=synthehol-dark] .section-header{border-color:#ffffff1a}.settings-section .grid{animation:fadeIn .4s ease}html{scroll-behavior:smooth}.scope-builder{background:var(--surface-2);border:2px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.scope-builder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.scope-builder-header h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.scope-builder-description{margin:0;font-size:13px;color:var(--text-2);line-height:1.5;font-weight:400}.btn-add-rule{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f64d;white-space:nowrap}.btn-add-rule:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.scope-builder-empty{text-align:center;padding:40px 20px;background:var(--surface-1);border-radius:10px;border:1px dashed var(--border)}.scope-builder-empty p{margin:6px 0;color:var(--text-2);font-size:13px;line-height:1.5}.scope-builder-empty .hint{font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;color:var(--text-1);background:var(--surface-3);padding:10px 14px;border-radius:6px;display:inline-block;margin-top:12px;border:1px solid var(--border)}.scope-rules-list{display:flex;flex-direction:column;gap:12px}.scope-rule-card{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:18px 50px 18px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:visible}.scope-rule-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014;background:var(--surface-2)}.scope-rule-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.scope-field{display:flex;flex-direction:column;gap:6px;width:100%}.scope-field label{font-size:11px;font-weight:700;color:var(--text-1);text-transform:uppercase;letter-spacing:.5px}.scope-select,.scope-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--surface-2);color:var(--text-1);transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;box-sizing:border-box}.scope-select:focus,.scope-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff3b301a;background:var(--surface-2)}.scope-select{cursor:pointer}.scope-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scope-field-path,.path-input-wrapper{position:relative;width:100%}.path-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--surface-2);border:1px solid var(--primary);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;max-height:240px;overflow-y:auto;z-index:1000;margin-top:-1px}.path-suggestion-item{padding:10px 14px;cursor:pointer;transition:all .15s;border-bottom:1px solid var(--border)}.path-suggestion-item:last-child{border-bottom:none}.path-suggestion-item:hover{background:var(--surface-3)}.path-suggestion-item code{font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;color:var(--primary);font-weight:600}.btn-remove-rule{position:absolute;top:18px;right:18px;width:28px;height:28px;background:transparent;color:var(--text-3);border:1px solid var(--border);border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;line-height:1;padding:0;flex-shrink:0}.btn-remove-rule:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5;transform:scale(1.05)}.scope-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fbbf2426;border-radius:8px;border:2px solid rgba(251,191,36,.4)}.scope-preview-label{font-size:11px;font-weight:700;color:var(--text-1);text-transform:uppercase;letter-spacing:.5px}.scope-preview-code{font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;color:var(--text-1);font-weight:700;flex:1;background:#ffffff1a;padding:4px 8px;border-radius:6px}.scope-builder-summary{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.scope-builder-summary strong{display:block;margin-bottom:12px;font-size:12px;color:var(--text-1);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.scope-chips{display:flex;flex-wrap:wrap;gap:8px}.scope-chip{font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;padding:8px 14px;background:var(--surface-3);color:var(--primary);border-radius:6px;font-weight:600;border:1px solid var(--border);transition:all .2s;line-height:1.4}.scope-chip:hover{background:var(--surface-2);border-color:var(--primary);transform:translateY(-1px)}@media(max-width:640px){.scope-fields-row{grid-template-columns:1fr}.scope-builder-header{flex-direction:column;gap:16px}.btn-add-rule{width:100%}.scope-rule-card{padding:48px 16px 16px}.btn-remove-rule{top:8px;right:8px}}.path-suggestions::-webkit-scrollbar{width:8px}.path-suggestions::-webkit-scrollbar-track{background:#f3f4f6}.path-suggestions::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.path-suggestions::-webkit-scrollbar-thumb:hover{background:#6b7280}.api-keys-tab{padding:32px;background:var(--bg-light, #f9fafb);min-height:100%}.api-keys-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.api-keys-header h3{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-1)}.section-description{color:var(--text-2);font-size:15px;margin:0;font-weight:400}.api-keys-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;border-color:var(--border)}.stat-value{font-size:36px;font-weight:800;color:var(--text-1);margin-bottom:8px}.stat-label{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:1px;font-weight:600}.api-keys-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.api-keys-table thead{background:var(--surface-3);border-bottom:2px solid var(--border)}.api-keys-table th{padding:18px 20px;text-align:left;font-weight:700;font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:1px}.api-keys-table tbody tr{border-bottom:1px solid var(--border);transition:all .2s cubic-bezier(.4,0,.2,1)}.api-keys-table tbody tr:hover{background:var(--surface-3);transform:scale(1.002)}.api-keys-table tbody tr:last-child{border-bottom:none}.api-keys-table td{padding:18px 20px;font-size:14px;color:var(--text-1)}.key-name strong{display:block;margin-bottom:4px;color:var(--text-1);font-weight:600}.key-description{margin:0;font-size:13px;color:var(--text-2)}.key-prefix{font-family:Monaco,Menlo,Courier New,monospace;background:var(--surface-3);padding:6px 10px;border-radius:6px;font-size:13px;color:var(--text-1);border:1px solid var(--border);font-weight:600}.scopes-list{display:flex;flex-wrap:wrap;gap:6px}.scope-badge{background:#4f46e51a;color:#6366f1;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(99,102,241,.3)}.status-badge{padding:6px 14px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border:2px solid}.status-badge.active{background:#d1fae5;color:#065f46;border-color:#10b981}.status-badge.inactive{background:#fee2e2;color:#991b1b;border-color:#ef4444}.actions-menu{display:flex;gap:10px;flex-wrap:wrap}.btn-action{padding:8px 16px;font-size:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600;box-shadow:0 1px 2px #0000000d}.btn-action:hover{background:var(--surface-3);border-color:var(--text-2);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-action.btn-danger:hover{background:#dc2626;color:#fff;border-color:#dc3545}.api-keys-loading,.api-keys-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px}.dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.api-key-dialog .dialog-content{background:var(--surface-2);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:none;width:60%;border:1px solid var(--border);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.api-key-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid var(--border);background:var(--surface-3)}.api-key-dialog .dialog-header h3{margin:0;font-size:22px;font-weight:700;color:var(--text-1)}.api-key-dialog .dialog-close{background:none;border:none;font-size:28px;color:var(--text-2);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.api-key-dialog .dialog-close:hover{background:var(--surface-3);color:var(--text-1)}.api-key-dialog .dialog-body{padding:20px;overflow-y:auto;flex:1}.api-key-dialog .dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid var(--border);background:var(--surface-3)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:700;font-size:11px;color:var(--text-1);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:8px 10px;border:2px solid var(--border);border-radius:8px;font-size:13px;background:var(--surface-2);color:var(--text-1);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #ff3b301a;background:var(--surface-2)}textarea.form-input{resize:vertical;font-family:inherit}.scopes-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:16px;background:var(--surface-3);border:2px solid var(--border);border-radius:10px}.checkbox-label{display:flex;gap:14px;cursor:pointer;padding:12px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:var(--surface-2)}.checkbox-label:hover{background:var(--surface-3);border-color:var(--border);transform:translate(4px)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:var(--primary)}.checkbox-label strong{display:block;margin-bottom:6px;color:var(--text-1);font-weight:600}.scope-description{margin:0;font-size:13px;color:var(--text-2);font-weight:400;line-height:1.5}.alert{padding:18px 20px;border-radius:10px;margin-bottom:24px;border:2px solid}.alert-warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.alert strong{display:inline;margin-right:4px;font-weight:700;color:#78350f}.api-key-display{display:flex;gap:12px;margin-bottom:24px;align-items:center;background:#1a1a1a;padding:16px 18px;border-radius:8px;border:2px solid var(--primary);box-shadow:0 2px 8px #00000026}.api-key-display code{flex:1;font-family:Monaco,Menlo,Courier New,monospace;font-size:24px;color:#e5e5e5;word-break:break-all;background:none;padding:0;font-weight:500;letter-spacing:.02em;line-height:1.6}.btn-copy{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003}.btn-copy:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.api-key-info{background:var(--surface-1);padding:16px 18px;border-radius:8px;border:1px solid var(--border)}.api-key-info p{margin:8px 0;font-size:13px;color:var(--text-1);font-weight:400;line-height:1.6}.api-key-info p:first-child{margin-top:0}.api-key-info p:last-child{margin-bottom:0}.api-key-info strong{color:var(--text-2);margin-right:8px;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px;display:inline-block;min-width:90px}.btn-primary,.btn-secondary{padding:11px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #0003}.btn-primary:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.btn-secondary{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--surface-3);border-color:var(--text-2);transform:translateY(-1px)}@media(max-width:768px){.api-keys-header{flex-direction:column;gap:16px}.api-keys-table{font-size:13px}.api-keys-table th,.api-keys-table td{padding:12px 8px}.actions-menu{flex-direction:column}.btn-action{width:100%}}.data-connection-dialog{width:90%;max-width:900px;max-height:90vh;overflow-y:auto;background:var(--surface-1, #1e1e1e);border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 20px 40px #00000080}.data-connection-dialog .dialog-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface-2);border-radius:12px 12px 0 0}.data-connection-dialog .dialog-header h2{font-size:1.25rem;margin:0}.data-connection-dialog .dialog-body{padding:1.5rem}.data-connection-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.data-connection-dialog .form-group{margin-bottom:0}.data-connection-dialog .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-1);font-size:.8rem;text-transform:uppercase;letter-spacing:.025em}.data-connection-dialog .form-group input,.data-connection-dialog .form-group select,.data-connection-dialog .form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text-1);font-size:.875rem;transition:all .2s ease;height:38px;box-sizing:border-box}.data-connection-dialog .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;min-width:0}.data-connection-dialog .form-group input:focus,.data-connection-dialog .form-group select:focus,.data-connection-dialog .form-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-alpha-10)}.data-connection-dialog .form-group textarea{height:auto;min-height:38px;resize:vertical;padding:.625rem .875rem}.data-connection-dialog .form-group input:disabled,.data-connection-dialog .form-group select:disabled{background:var(--surface-3);color:var(--text-3);cursor:not-allowed;opacity:.6}.data-connection-dialog .required{color:var(--error);margin-left:.25rem}.data-connection-dialog .full-width{grid-column:1 / -1}.data-connection-dialog .form-group{position:relative;min-width:0;overflow:hidden}.data-connection-dialog .select-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3);display:flex;align-items:center;margin-top:.875rem}.data-connection-dialog .connection-type-select{padding-left:2.5rem!important}.data-connection-dialog .form-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.data-connection-dialog .form-section h3{margin-bottom:1.25rem;color:var(--text-1);font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.data-connection-dialog .sensitive-section{background:#ffffff05;padding:1.25rem;border-radius:8px;border:1px solid var(--border)}.data-connection-dialog .security-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--success-alpha-10);color:var(--success);border-radius:4px;font-size:.7rem;font-weight:600;margin-left:auto}.data-connection-dialog .field-help{margin:.5rem 0 1rem;font-size:.8rem;color:var(--text-3);line-height:1.4}.data-connection-dialog .password-input-wrapper{position:relative;display:flex;align-items:center}.data-connection-dialog .password-input-wrapper input{padding-right:3rem}.data-connection-dialog .password-toggle{position:absolute;right:.625rem;background:none;border:none;cursor:pointer;padding:.375rem;color:var(--text-3);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.data-connection-dialog .password-toggle:hover{color:var(--text-1)}.data-connection-dialog .json-input{font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;min-height:80px;height:auto;resize:vertical}.data-connection-dialog .checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.data-connection-dialog .checkbox-wrapper input[type=checkbox]{width:auto;margin:0}.data-connection-dialog .checkbox-wrapper label{margin:0;font-weight:400;cursor:pointer}.data-connection-dialog .info-box{margin-top:1.25rem;padding:.875rem 1rem;background:var(--brand-alpha-5);border-left:3px solid var(--brand);border-radius:4px;font-size:.8rem;color:var(--text-2);line-height:1.5}.data-connection-dialog .info-box strong{color:var(--text-1)}.data-connection-dialog .dialog-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border);background:var(--surface-2)}.data-connection-dialog .btn-primary,.data-connection-dialog .btn-secondary{padding:.625rem 1.25rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;height:38px}.data-connection-dialog .btn-primary{background:var(--brand);color:#fff;border:none}.data-connection-dialog .btn-primary:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-alpha-20)}.data-connection-dialog .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.data-connection-dialog .btn-secondary{background:transparent;color:var(--text-2);border:1px solid var(--border)}.data-connection-dialog .btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-3)}.data-connection-dialog .spinner-small{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.storage-location-fields{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}@media(max-width:768px){.data-connection-dialog{width:95%;max-height:95vh}.data-connection-dialog .dialog-body,.data-connection-dialog .form-section{padding:1rem}.data-connection-dialog .form-grid{grid-template-columns:1fr}.data-connection-dialog .dialog-footer{flex-direction:column}.data-connection-dialog .btn-primary,.data-connection-dialog .btn-secondary{width:100%;justify-content:center}}.storage-location-dialog{width:90%;max-width:800px;max-height:90vh;overflow-y:auto;background:var(--surface-1, #1e1e1e);border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 20px 40px #00000080}.storage-location-dialog .dialog-header{padding:1.5rem;border-bottom:1px solid var(--border);background:var(--surface-2);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.storage-location-dialog .dialog-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-1)}.storage-location-dialog .dialog-close{background:none;border:none;font-size:2rem;color:var(--text-2);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.storage-location-dialog .dialog-close:hover{background:var(--surface-3);color:var(--text-1)}.storage-location-dialog .dialog-body{padding:1.5rem;background:var(--surface-1)}.storage-location-dialog .dialog-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface-2);display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 12px 12px}.btn-secondary{padding:10px 20px;background:var(--surface-3);color:var(--text-1);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-2)}.dialog-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-2);font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;color:var(--text-1)}.loading-container .spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.storage-actions{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.storage-info{display:flex;align-items:center;gap:12px}.storage-count{font-size:13px;color:var(--text-2);font-weight:600}.system-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.btn-small{padding:8px 16px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.btn-secondary{padding:10px 20px;background:var(--surface-3);color:var(--text-1);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-2)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 0 8px;margin-top:16px;border-top:1px solid var(--border)}.pagination-info{font-size:13px;color:var(--text-2);font-weight:600;min-width:120px;text-align:center}.btn-pagination{padding:6px 14px;background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-pagination:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed;transform:none}.create-location-form{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-1)}.btn-text{background:none;border:none;color:var(--text-2);cursor:pointer;padding:4px 8px;font-size:14px;font-weight:500;transition:color .2s}.btn-text:hover{color:var(--text-1)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:600;color:var(--text-1)}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text-1);font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff3b301a}.field-help{font-size:12px;color:var(--text-3);margin-top:-2px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.required{color:var(--error, #dc2626)}.form-actions{margin-top:20px;display:flex;justify-content:flex-end}.locations-list{display:flex;flex-direction:column;gap:8px}.location-card{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:12px 16px;transition:all .2s;display:flex;align-items:center;gap:12px}.location-card.inactive{opacity:.6}.location-card:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000d}.location-header{display:flex;align-items:center;gap:12px;flex:0 0 auto}.location-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;flex-shrink:0;box-shadow:0 2px 6px #3b82f633}.location-info{flex:0 0 auto;min-width:150px;max-width:200px}.location-info h4{margin:0;font-size:14px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.location-type{margin:2px 0 0;font-size:10px;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;line-height:1}.default-badge{display:inline-flex;padding:2px 5px;background:#fbbf24;color:#78350f;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.location-status{display:flex;align-items:center;gap:8px;margin-left:auto}.location-status .status-badge{padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.location-status .status-badge.active{background:#d1fae5;color:#065f46}.location-status .status-badge.inactive{background:#f3f4f6;color:#4b5563}.location-details{display:flex;align-items:center;gap:16px;flex:1;min-width:0;font-size:11px}.location-detail-item{display:flex;align-items:center;gap:6px;min-width:0}.location-detail-item.path{flex:1;min-width:0}.detail-label{color:var(--text-3);font-weight:600;text-transform:uppercase;font-size:9px;letter-spacing:.5px;white-space:nowrap}.detail-value{color:var(--text-1);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-actions{display:flex;gap:8px;flex-shrink:0}.btn-action{padding:5px 12px;font-size:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:4px;cursor:pointer;transition:all .2s;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.btn-action:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-2);transform:translateY(-1px)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.btn-warning{color:#d97706;border-color:#fed7aa}.btn-action.btn-warning:hover:not(:disabled){background:#d97706;color:#fff;border-color:#d97706}.btn-action.btn-success{color:#10b981;border-color:#a7f3d0}.btn-action.btn-success:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981}.empty-state p{font-size:16px;margin:0 0 8px;color:var(--text-1)}@media(max-width:768px){.storage-location-dialog{max-width:95vw}.form-grid{grid-template-columns:1fr}.location-header{flex-wrap:wrap}.detail-row{flex-direction:column;gap:4px}}.connections-tab{padding:32px;background:var(--bg-light, #f9fafb);min-height:100%}.connections-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.connections-header h3{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-1)}.section-description{color:var(--text-2);font-size:15px;margin:0 0 12px;font-weight:400}.connection-types-info{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-2)}.info-item{display:flex;align-items:center;gap:4px}.info-separator{color:var(--border);font-weight:300}.connections-loading,.connections-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px}.spinner{width:40px;height:40px;border:4px solid var(--border-1);border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.empty-state{text-align:center;padding:64px 24px;color:var(--text-2)}.empty-state p{font-size:18px;margin:0 0 8px;color:var(--text-1)}.empty-state-subtitle{font-size:14px;color:var(--text-3)}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.connection-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.connection-card:hover{border-color:var(--border);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.connection-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:0;border-bottom:none}.connection-icon{font-size:28px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;flex-shrink:0;box-shadow:0 2px 8px #3b82f633;position:relative;border:3px solid transparent;transition:all .3s ease}.connection-icon.connected{border-color:#10b981;box-shadow:0 2px 8px #10b9814d,0 0 0 1px #10b9811a}.connection-checkmark{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-2);box-shadow:0 2px 4px #0003}.connection-info{flex:1;min-width:0}.connection-info h4{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-type{margin:0;font-size:13px;color:var(--text-2);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.status-badge{padding:6px 14px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;border:2px solid}.status-badge.passed{background:#d1fae5;color:#065f46;border-color:#10b981}.status-badge.failed{background:#fee2e2;color:#991b1b;border-color:#ef4444}.status-badge.untested{background:#fef3c7;color:#92400e;border-color:#f59e0b}.status-badge.inactive{background:#f3f4f6;color:#4b5563;border-color:#9ca3af}.status-badge.system{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;font-weight:700}.inline-system-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid #667eea;white-space:nowrap;box-shadow:0 1px 3px #667eea4d}.inline-system-badge-small{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid #667eea;white-space:nowrap;box-shadow:0 1px 2px #667eea40}.connection-card.system-connection{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea;position:relative}.connection-card.system-connection:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.connection-card.system-connection:after{content:"🔒";position:absolute;top:12px;right:12px;font-size:18px;opacity:.3}.connections-table tbody tr.system-connection{background:linear-gradient(135deg,#667eea08,#764ba208);border-left:4px solid #667eea}.connection-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;margin-top:16px}.system-connection-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:8px;font-size:12px;color:var(--text-1);font-weight:500;margin-bottom:8px}.system-connection-info svg{color:#667eea;flex-shrink:0}.detail-item{display:flex;justify-content:space-between;font-size:13px;padding:6px 0}.detail-label{color:var(--text-2);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.detail-value{color:var(--text-1);font-weight:500}.connection-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px;border-radius:6px;font-size:13px;margin-bottom:16px}.connection-error strong{display:block;margin-bottom:4px}.connection-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.btn-action{padding:9px 18px;font-size:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;font-weight:600;box-shadow:0 1px 2px #0000000d}.btn-action:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-2);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-action.btn-danger{color:#dc2626;border-color:#fecaca}.btn-action.btn-danger:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}.btn-primary{padding:11px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff3b304d}.btn-primary:hover{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary-dark) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b3066}.btn-danger.confirm-delete{background:var(--error, #dc2626);color:#fff;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-actions{display:flex;align-items:center;gap:16px}.view-toggle{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px;gap:4px}.view-toggle-btn{padding:8px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-2);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{background:var(--surface-3);color:var(--text-1)}.view-toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #ff3b3040}.connections-table-wrapper{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.connections-table{width:100%;border-collapse:collapse}.connections-table thead{background:var(--surface-1);border-bottom:2px solid var(--border)}.connections-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.8px}.connections-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s ease}.connections-table tbody tr:last-child{border-bottom:none}.connections-table tbody tr:hover{background:var(--surface-1)}.connections-table td{padding:16px 20px;font-size:14px;color:var(--text-1);vertical-align:middle}.table-name-cell{display:flex;align-items:center;gap:12px}.table-connection-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;flex-shrink:0;box-shadow:0 2px 6px #3b82f633;position:relative;border:3px solid transparent;transition:all .3s ease}.table-connection-icon.connected{border-color:#10b981;box-shadow:0 2px 6px #10b9814d,0 0 0 1px #10b9811a}.table-connection-icon .connection-checkmark{bottom:-3px;right:-3px;width:18px;height:18px}.table-connection-name{font-weight:600;color:var(--text-1);margin-bottom:2px}.table-connection-provider{font-size:12px;color:var(--text-3);font-weight:500}.table-connection-type{display:inline-block;padding:4px 10px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:.5px}.table-date{color:var(--text-2);font-size:13px}.status-text-connected{color:#10b981;font-weight:600;font-size:13px}.table-actions{display:flex;gap:8px;align-items:center}.btn-action-small{padding:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-1);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.btn-action-small:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-action-small:disabled{opacity:.5;cursor:not-allowed}.btn-action-small.btn-danger-small{color:#dc2626;border-color:var(--border)}.btn-action-small.btn-danger-small:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}.btn-action-small.btn-danger-small.confirm-delete{background:#dc2626;color:#fff;border-color:#dc2626;animation:pulse .5s ease-in-out}@media(max-width:1024px){.connections-table-wrapper{overflow-x:auto}.connections-table{min-width:800px}}@media(max-width:768px){.connections-grid{grid-template-columns:1fr}.connections-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-direction:column}.view-toggle{width:100%}.view-toggle-btn{flex:1}.connection-actions{flex-direction:column}.btn-action{width:100%;justify-content:center}.connections-table th,.connections-table td{padding:12px 16px;font-size:13px}.table-actions{flex-wrap:wrap}}.settings-page{min-height:100vh;background-color:var(--surface-1);padding:2rem}.settings-page-header{margin-bottom:2rem}.settings-page-header h1{font-size:2rem;font-weight:800;color:var(--text-1);margin:0 0 .5rem}.settings-page-subtitle{font-size:1rem;color:var(--text-2);margin:0;font-weight:400}.settings-page-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto}.settings-page-sidebar{flex-shrink:0;width:260px;background-color:var(--surface-2);border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);height:-moz-fit-content;height:fit-content;position:sticky;top:2rem}.settings-tab-group{margin-bottom:16px}.settings-tab-group:last-child{margin-bottom:0}.settings-tab-group-title{padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);margin-bottom:4px;opacity:.8}.settings-page-tab{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:transparent;color:var(--text-2);font-size:15px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.settings-page-tab:hover{background-color:var(--surface-3);color:var(--text-1);transform:translate(4px)}.settings-page-tab.active{background:linear-gradient(135deg,#ff3b3026,#ff3b301a);color:var(--primary);border:1px solid var(--primary);box-shadow:0 2px 8px #ff3b3026}.settings-page-tab .tab-icon{font-size:1.375rem}.settings-page-tab .tab-label{flex:1}.settings-page-content{flex:1;min-width:0}.settings-section{background-color:transparent;border-radius:0;padding:0;box-shadow:none}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-1);margin:0 0 .25rem}.section-description{font-size:.875rem;color:var(--text-2);margin:0}@media(max-width:1024px){.settings-page-container{flex-direction:column}.settings-page-sidebar{width:100%;position:static}.settings-tab-group{margin-bottom:12px}.settings-tab-group-title{padding:8px 12px}}@media(max-width:768px){.settings-page{padding:1rem}.settings-page-header h1{font-size:1.5rem}.settings-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem}}.data-ingestion-overlay{position:fixed;inset:0;display:grid;place-items:center;pointer-events:auto;z-index:2147483647!important;background:#00000080}.data-ingestion-panel{background:var(--bg-dark);border-radius:12px;border:1px solid color-mix(in srgb,var(--text-dark) 12%,transparent);width:90vw;height:80vh;max-width:960px;min-width:320px;max-height:90vh;box-shadow:0 20px 60px #02061740}.data-ingestion-body{display:flex;flex-direction:column;min-height:0}.data-ingestion-body .scroll-area,.data-ingestion-body .overflow-y-auto,.data-ingestion-body .file-list,.data-ingestion-body .grid,.data-ingestion-body .flex-1{min-height:0}.data-ingestion-footer{position:relative;z-index:1}@media(max-width:768px){.data-ingestion-panel{width:92vw;height:78vh}}@media(max-width:480px){.data-ingestion-panel{width:96vw;height:84vh;border-radius:10px}}.connector-grid{--connector-gap: 1.25rem;gap:var(--connector-gap)}.connector-card{border-color:color-mix(in srgb,var(--text-dark) 10%,transparent);background:var(--bg-dark)}.connector-card:hover{background:color-mix(in srgb,var(--primary) 6%,var(--bg-dark));border-color:color-mix(in srgb,var(--primary) 25%,transparent);transform:translateY(-1px)}.connector-card:active{transform:translateY(0)}.connector-card .icon-wrap{background:color-mix(in srgb,var(--bg-dark) 95%,white 5%)}.connector-card .icon{color:var(--primary)}.connection-grid{--gap: 1.25rem;gap:var(--gap)}.connection-card{background:var(--bg-dark);border-color:color-mix(in srgb,var(--text-dark) 10%,transparent)}.connection-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 4%,var(--bg-dark))}.connection-icon{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-dark) 94%,white 6%),color-mix(in srgb,var(--bg-dark) 88%,white 12%));border:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);box-shadow:inset 0 -1px #0206170a}.connection-icon:before{content:"";position:absolute;top:-6px;left:6px;width:28px;height:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-dark) 86%,white 14%),color-mix(in srgb,var(--bg-dark) 78%,white 22%));border:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px}.connection-card .icon{color:color-mix(in srgb,var(--text-dark) 80%,transparent)}.connection-card:hover .connection-icon{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--bg-dark)),color-mix(in srgb,var(--primary) 14%,var(--bg-dark)));border-color:color-mix(in srgb,var(--primary) 35%,transparent);box-shadow:inset 0 -1px #0206170f}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:640px){.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.tile-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.tile-card{background:var(--bg-dark);border:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease,background .15s ease}.tile-card:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 3%,var(--bg-dark));border-color:color-mix(in srgb,var(--primary) 28%,transparent);box-shadow:0 6px 18px #0f172a0f}.tile-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--bg-dark) 94%,white 6%);color:color-mix(in srgb,var(--text-dark) 80%,transparent)}.tile-title{font-size:.95rem;font-weight:600;color:var(--text-dark)}.tile-meta{font-size:.8rem;color:color-mix(in srgb,var(--text-dark) 70%,transparent)}.connection-name{color:var(--text-dark)}.connection-code{color:color-mix(in srgb,var(--text-dark) 70%,transparent)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--breadcrumb-fg, color-mix(in srgb, var(--text-dark) 70%, transparent))}.breadcrumbs .crumb{font-size:.85rem;color:inherit;background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 6px}.breadcrumbs .crumb.current{color:var(--text-dark);font-weight:600;background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.breadcrumbs .crumb:hover{color:var(--breadcrumb-fg-strong, var(--text-dark));background:var(--breadcrumb-bg-hover, color-mix(in srgb, var(--primary) 6%, transparent))}.breadcrumbs .crumb-sep{color:var(--breadcrumb-separator, color-mix(in srgb, var(--text-dark) 46%, transparent))}.file-list{border-color:color-mix(in srgb,var(--text-dark) 10%,transparent);background:var(--bg-dark)}.file-row{border-color:#0f172a0f;line-height:1.25rem}.file-row:hover{background:color-mix(in srgb,var(--primary) 2%,var(--bg-dark))}.file-icon{width:22px;display:flex;align-items:center;justify-content:center}.column-view .pane{background:var(--bg-dark)}.column-view .pane-title{background:var(--bg-dark);position:sticky;top:0;z-index:1}.column-view .folders-pane .folder-row{border-bottom:1px solid rgba(15,23,42,.06);line-height:1.25rem}.column-view .folders-pane .folder-row{background:var(--bg-dark);color:var(--text-dark)}.column-view .folders-pane .folder-row:hover{background:#879ea3;color:#fff;border-color:#ffffff40}.column-view .folders-pane .folder-row:hover .folder-icon-wrap{background:#fff3;color:#fff}.column-view .folders-pane .folder-row:hover .chevron{color:#fff}.column-view .folders-pane .folder-row.selected{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.column-view .folders-pane .folder-row.selected .folder-icon-wrap{background:#e5e7eb;color:#1f2937}.column-view .folders-pane .folder-row .file-icon{width:22px}.pane-resizer{width:6px;cursor:col-resize;background:transparent;position:relative}.pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;background:#0f172a14}.pane-resizer:hover:after{background:#4f46e573}.icon-btn-ghost{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:8px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--text-dark) 70%,transparent)}.icon-btn-ghost:hover{background:color-mix(in srgb,var(--text-dark) 4%,transparent);border-color:color-mix(in srgb,var(--text-dark) 8%,transparent);color:var(--text-dark)}.icon-btn-ghost:active{transform:translateY(.5px)}.icon-btn-ghost svg{width:20px;height:20px}.tile-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:16px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,background .2s ease}.tile-card:hover{box-shadow:0 8px 22px #02061714;transform:translateY(-1px);border-color:#4f46e540;background:#6366f108}.tile-title{font-weight:600;color:var(--text-dark)}.tile-subtitle{font-size:12px;color:color-mix(in srgb,var(--text-dark) 70%,transparent)}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-radius:999px;padding:2px 8px;font-size:11px}.chip-info{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.icon-wrap img,.icon-wrap svg{width:70%;height:70%}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:9999px;font-size:11px;line-height:1;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-info{background:#e0f2fe;color:#075985}.badge-unsupported{background:#f3f4f6;color:#374151}.badge-error{background:#fee2e2;color:#991b1b}.animated-logo-spinner{display:inline-block}.animated-logo-spinner .logo-dot{transform-box:fill-box;transform-origin:50% 50%;animation:logoDotSpin 4s linear infinite}.animated-logo-spinner .logo-dot-scale{transform-box:fill-box;transform-origin:50% 50%;animation:logoDotScale 4s ease-in-out infinite}.animated-logo-spinner{--shape-cycle: 3s}.animated-logo-spinner .logo-shape{position:relative}.animated-logo-spinner .logo-shape .shape{fill:color-mix(in srgb,var(--primary,#6366f1) 88%,white);opacity:0;transform-origin:50% 50%}html.dark .animated-logo-spinner .logo-shape .shape,body.dark .animated-logo-spinner .logo-shape .shape,[data-theme=synthehol-dark] .animated-logo-spinner .logo-shape .shape{fill:color-mix(in srgb,var(--primary,#818cf8) 90%,white)}@keyframes shapeSlot{0%{opacity:0;transform:scale(.9)}2%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1)}22%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}.animated-logo-spinner .shape-circle{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColor 8s ease-in-out infinite;animation-delay:0s,0s}.animated-logo-spinner .shape-triangle{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColor 8s ease-in-out infinite;animation-delay:calc(var(--shape-cycle) * .25),0s}.animated-logo-spinner .shape-square{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColor 8s ease-in-out infinite;animation-delay:calc(var(--shape-cycle) * .5),0s}.animated-logo-spinner .shape-star{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColor 8s ease-in-out infinite;animation-delay:calc(var(--shape-cycle) * .75),0s}html.dark .animated-logo-spinner .shape-circle,body.dark .animated-logo-spinner .shape-circle,[data-theme=synthehol-dark] .animated-logo-spinner .shape-circle{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColorDark 8s ease-in-out infinite;animation-delay:0s,0s}html.dark .animated-logo-spinner .shape-triangle,body.dark .animated-logo-spinner .shape-triangle,[data-theme=synthehol-dark] .animated-logo-spinner .shape-triangle{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColorDark 8s ease-in-out infinite;animation-delay:calc(var(--shape-cycle) * .25),0s}html.dark .animated-logo-spinner .shape-square,body.dark .animated-logo-spinner .shape-square,[data-theme=synthehol-dark] .animated-logo-spinner .shape-square{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColorDark 8s ease-in-out infinite;animation-delay:calc(var(--shape-cycle) * .5),0s}html.dark .animated-logo-spinner .shape-star,body.dark .animated-logo-spinner .shape-star,[data-theme=synthehol-dark] .animated-logo-spinner .shape-star{animation:shapeSlot var(--shape-cycle) ease-in-out infinite,logoDotColorDark 8s ease-in-out infinite;animation-delay:calc(var(--shape-cycle) * .75),0s}.animated-logo-spinner .logo-brackets path{stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.55}.animated-logo-spinner .logo-bracket-left{animation:bracketPulseLeft 4s ease-in-out infinite}.animated-logo-spinner .logo-bracket-right{animation:bracketPulseRight 4s ease-in-out infinite}@keyframes bracketPulseLeft{0%,to{opacity:.55;transform:translate(0)}10%{opacity:.9;transform:translate(-2px)}50%{opacity:.6}60%{opacity:.9;transform:translate(-2px)}}@keyframes bracketPulseRight{0%,to{opacity:.55;transform:translate(0)}10%{opacity:.9;transform:translate(2px)}50%{opacity:.6}60%{opacity:.9;transform:translate(2px)}}@keyframes logoDotSpin{to{transform:rotate(360deg)}}@keyframes logoDotScale{0%,to{transform:scale(1)}5%{transform:scale(1.12)}50%{transform:scale(1)}55%{transform:scale(1.12)}}@keyframes logoDotColor{0%{fill:color-mix(in srgb,var(--primary,#6366f1) 88%,white)}12%{fill:red}18%{fill:var(--accent, #e84d4d)}25%{fill:color-mix(in srgb,var(--primary,#6366f1) 88%,white)}50%{fill:color-mix(in srgb,var(--primary,#6366f1) 88%,white)}62%{fill:red}68%{fill:var(--accent, #e84d4d)}75%{fill:color-mix(in srgb,var(--primary,#6366f1) 88%,white)}to{fill:color-mix(in srgb,var(--primary,#6366f1) 88%,white)}}@keyframes logoDotColorDark{0%{fill:color-mix(in srgb,var(--primary,#818cf8) 90%,white)}12%{fill:red}18%{fill:var(--accent, #ff6b6b)}25%{fill:color-mix(in srgb,var(--primary,#818cf8) 90%,white)}50%{fill:color-mix(in srgb,var(--primary,#818cf8) 90%,white)}62%{fill:red}68%{fill:var(--accent, #ff6b6b)}75%{fill:color-mix(in srgb,var(--primary,#818cf8) 90%,white)}to{fill:color-mix(in srgb,var(--primary,#818cf8) 90%,white)}}html.dark .animated-logo-spinner .logo-brackets path,body.dark .animated-logo-spinner .logo-brackets path,[data-theme=synthehol-dark] .animated-logo-spinner .logo-brackets path{opacity:.65}.ProjectView{display:flex;flex-direction:column;gap:.75rem;position:relative}.ProjectView .ProjectGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.ProjectView .ProjectExplorer{min-width:220px}.project-view-full{position:relative;display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden;width:100%;background:var(--bg-light, #f8f9fa)}.project-main-full{flex:1;background-color:inherit;position:relative;overflow-y:auto;overflow-x:hidden;height:100%;width:100%}.resizer{flex:0 0 8px;display:flex;align-items:stretch;justify-content:center;position:relative;width:8px;cursor:col-resize;background:transparent;z-index:10}.resizer:before{content:"";width:2px;background:#6b728026;border-radius:2px;height:100%;transition:background .15s}.resizer:hover:before{background:#6b728059}.ProjectView>.flex,.ProjectView .flex{display:flex}.project-view{position:relative;display:flex;flex-direction:row;height:calc(100vh - 64px);overflow:hidden}.project-aside{flex-shrink:0;background-color:var(--bg-dark);border-right:1px solid color-mix(in srgb,var(--text-dark) 12%,transparent);transition:width .32s cubic-bezier(.2,.8,.2,1),opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1);will-change:width,opacity,transform;opacity:1;transform:translate(0);pointer-events:auto;overflow-y:auto;overflow-x:hidden;height:100%}.project-view.collapsed .project-aside{width:0!important;opacity:0;transform:translate(-6px);pointer-events:none;overflow:hidden;border-right:none}.project-aside>div>h3:not(:first-child),.project-aside>div>h4:not(:first-child),.project-aside .datasets-section{display:none}.project-main{flex:1;transition:width .32s cubic-bezier(.2,.8,.2,1);background-color:var(--bg-dark);position:relative;overflow-y:auto;overflow-x:hidden;height:100%}.project-main-content{padding:0;max-width:100%;height:100%;overflow-y:auto;background-color:inherit}.restore-menu-btn{position:fixed;left:16px;top:80px;z-index:50;border-radius:8px;padding:10px;background:var(--bg-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color, #e5e7eb);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-dark);opacity:0;transform:translate(-20px) scale(.9);pointer-events:none}.project-view.collapsed .restore-menu-btn{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.restore-menu-btn:hover{background:var(--primary, #3b82f6);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translate(4px) scale(1.05)}.restore-menu-btn:active{transform:translate(0) scale(.95)}.dark .restore-menu-btn,body.dark .restore-menu-btn{background:var(--bg-dark, #1f2937);color:var(--text-dark, #f3f4f6);border-color:var(--border-color, #374151)}.dark .restore-menu-btn:hover,body.dark .restore-menu-btn:hover{background:var(--primary, #3b82f6);color:#fff}.folder-dataset-selector{min-height:400px;max-height:70vh;overflow-y:auto;background:#fff;padding:4px;width:100%}.folder-dataset-selector-wrapper:not(.with-import) .folder-dataset-selector{height:auto}.folder-dataset-selector-wrapper.with-import .folder-dataset-selector{height:70vh;max-height:70vh}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.header-actions-left{display:flex;gap:8px}.action-button,.refresh-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:36px}.action-button:hover:not(:disabled),.refresh-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#1e293b}.action-button:active:not(:disabled),.refresh-button:active:not(:disabled){background:#f1f5f9}.action-button:disabled,.refresh-button:disabled{opacity:.5;cursor:not-allowed}.collapse-icon{transform:rotate(-90deg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#64748b;gap:16px}.loading-container p{font-size:14px;margin:0;color:#64748b}.tree-view{padding:8px 0}.folder-item{margin-bottom:0}.folder-header{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;position:relative}.folder-header:hover{background:#f1f5f9}.folder-header:active{background:#e2e8f0}.folder-item.empty .folder-header{cursor:default}.folder-item.empty .folder-header:hover{background:#f1f5f9}.folder-chevron{color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.folder-chevron.expanded{transform:rotate(90deg)}.folder-empty-indicator{width:16px;height:16px;flex-shrink:0;position:relative}.folder-empty-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#cbd5e1}.folder-icon{color:#f59e0b;flex-shrink:0}.folder-name{font-size:14px;font-weight:500;color:#334155;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px;max-width:200px}.dataset-counts{display:flex;align-items:center;gap:4px;flex-shrink:0}.count-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;transition:all .15s ease}.count-badge.original{background:#dcfce7;color:#15803d;border:1px solid #86efac}.count-badge.synthetic{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.count-badge span{line-height:1}.dataset-count{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.folder-contents{margin-top:2px}.loading-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#94a3b8}.empty-folder{padding:8px 12px;font-size:13px;color:#94a3b8;font-style:italic}.dataset-item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;border-radius:4px;transition:all .15s ease;margin-bottom:0;margin-left:28px;background:transparent;border:1px solid transparent}.dataset-item:hover{background:#f8fafc;border-color:#e2e8f0}.dataset-item.selected{background:#dbeafe;border-color:#3b82f6;border-left-width:3px;padding-left:10px}.dataset-item.selected .dataset-icon{color:#2563eb}.dataset-item.selected .dataset-name{font-weight:600;color:#1e40af}.dataset-item.selected .dataset-type-badge{background:#bbf7d0;color:#166534;border-color:#4ade80}.dataset-item.selected .dataset-type-badge:has(>svg[data-lucide=zap]){background:#bfdbfe;color:#1e3a8a;border-color:#60a5fa}.dataset-item.selected .dataset-size-badge,.dataset-item.selected .dataset-format,.dataset-item.selected .dataset-timeago{background:#93c5fd;color:#1e3a8a}.dataset-icon{color:#3b82f6;flex-shrink:0;width:14px;height:14px;align-self:flex-start;margin-top:2px}.dataset-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dataset-name-row{display:flex;align-items:center}.dataset-name{font-size:14px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-metadata{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dataset-type-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;transition:all .15s ease}.dataset-type-badge{background:#dcfce7;color:#15803d;border:1px solid #86efac}.dataset-item .dataset-type-badge:has(>svg[data-lucide=zap]){background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.dataset-size-badge{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:10px}.dataset-format{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.dataset-timeago{font-size:11px;font-weight:500;color:#64748b;background:#fef3c7;padding:2px 6px;border-radius:10px}.empty-project{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#94a3b8;gap:16px}.empty-project p{font-size:14px;margin:0;color:#64748b}.root-datasets{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.dark .folder-dataset-selector{background:#1e293b}.dark .selector-header{border-bottom-color:#334155}.dark .action-button,.dark .refresh-button{background:#1e293b;border-color:#475569;color:#cbd5e1}.dark .action-button:hover:not(:disabled),.dark .refresh-button:hover:not(:disabled){background:#334155;border-color:#64748b;color:#f1f5f9}.dark .action-button:active:not(:disabled),.dark .refresh-button:active:not(:disabled){background:#475569}.dark .loading-container p{color:#94a3b8}.dark .folder-header:hover{background:#334155}.dark .folder-header:active{background:#475569}.dark .folder-chevron{color:#64748b}.dark .folder-empty-indicator:before{background:#475569}.dark .folder-name{color:#e2e8f0}.dark .dataset-counts .count-badge.original{background:#052e16;color:#86efac;border-color:#166534}.dark .dataset-counts .count-badge.synthetic{background:#172554;color:#93c5fd;border-color:#1e40af}.dark .dataset-count{background:#334155;color:#94a3b8}.dark .loading-indicator,.dark .empty-folder{color:#64748b}.dark .dataset-item:hover{background:#1e293b;border-color:#475569}.dark .dataset-item.selected{background:#1e3a8a;border-color:#3b82f6}.dark .dataset-item.selected .dataset-icon{color:#93c5fd}.dark .dataset-item.selected .dataset-name{color:#dbeafe;font-weight:600}.dark .dataset-item.selected .dataset-type-badge{background:#86efac33;color:#86efac;border-color:#86efac4d}.dark .dataset-item.selected .dataset-type-badge:has(>svg[data-lucide=zap]){background:#93c5fd33;color:#93c5fd;border-color:#93c5fd4d}.dark .dataset-item.selected .dataset-size-badge,.dark .dataset-item.selected .dataset-format{background:#93c5fd33;color:#bfdbfe}.dark .dataset-name{color:#f1f5f9}.dark .dataset-type-badge{background:#052e16;color:#86efac;border-color:#166534}.dark .dataset-type-badge:has(>svg[data-lucide=zap]){background:#172554;color:#93c5fd;border-color:#1e40af}.dark .dataset-size-badge,.dark .dataset-format{background:#334155;color:#94a3b8}.dark .empty-project,.dark .empty-project p{color:#64748b}.dark .root-datasets{border-bottom-color:#334155}.folder-dataset-selector::-webkit-scrollbar{width:8px}.folder-dataset-selector::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.folder-dataset-selector::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.folder-dataset-selector::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .folder-dataset-selector::-webkit-scrollbar-track{background:#0f172a}.dark .folder-dataset-selector::-webkit-scrollbar-thumb{background:#475569}.dark .folder-dataset-selector::-webkit-scrollbar-thumb:hover{background:#64748b}.folder-actions{display:flex;gap:6px;margin-left:auto;align-items:center;opacity:0;transition:opacity .2s ease;flex-shrink:0;pointer-events:none}.folder-header:hover .folder-actions,.folder-item.empty .folder-header:hover .folder-actions{opacity:1;pointer-events:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1.5px solid #cbd5e1;background:#fff;color:#64748b;border-radius:7px;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.icon-btn:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6;transform:scale(1.08);box-shadow:0 2px 4px #3b82f626}.icon-btn:active{transform:scale(.95);box-shadow:0 1px 2px #0000000d}.import-dataset-btn{border-color:#fbbf24;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;box-shadow:0 1px 3px #f59e0b33}.import-dataset-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b;color:#b45309;box-shadow:0 2px 6px #f59e0b4d;transform:scale(1.1)}.dark .icon-btn{border-color:#475569;background:#1e293b;color:#94a3b8}.dark .icon-btn:hover{background:#334155;color:#60a5fa;border-color:#60a5fa}.tree-add-folder{display:flex;flex-direction:column;gap:8px;margin:8px 0;padding:12px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.dark .tree-add-folder{background:#1e293b;border-color:#475569}.tree-add-folder-row{display:flex;align-items:center;gap:8px}.tree-input{flex:1 1 auto;padding:8px 12px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;border-radius:6px;min-width:140px;font-size:.875rem;transition:all .15s ease}.tree-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tree-input::-moz-placeholder{color:#94a3b8}.tree-input::placeholder{color:#94a3b8}.tree-input.shake{animation:mac-shake .45s ease;border-color:#dc2626}.dark .tree-input{border-color:#475569;background:#0f172a;color:#f1f5f9}.dark .tree-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}@keyframes mac-shake{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}to{transform:translate(0)}}.tree-btn{padding:8px 14px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.tree-btn:hover{background:#f8fafc;transform:translateY(-1px)}.tree-btn:active{transform:translateY(0)}.tree-btn.primary{background:#3b82f6;color:#fff;border-color:transparent}.tree-btn.primary:hover{background:#2563eb;box-shadow:0 4px 6px -1px #3b82f633}.tree-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dark .tree-btn{border-color:#475569;background:#1e293b;color:#f1f5f9}.dark .tree-btn:hover{background:#334155}.dark .tree-btn.primary{background:#3b82f6;color:#fff}.dark .tree-btn.primary:hover{background:#2563eb}.tree-error{color:#dc2626;font-size:.75rem;padding:4px 8px;background:#ef44441a;border-radius:4px;display:flex;align-items:center;gap:4px}.dark .tree-error{color:#f87171;background:#f871711a}.folder-dataset-selector-wrapper{display:flex;width:100%;gap:0;transition:all .3s ease}.folder-dataset-selector-wrapper.with-import{height:70vh;max-height:70vh}.folder-dataset-selector-wrapper.with-import .folder-dataset-selector{flex:0 0 35%;min-width:350px;border-right:2px solid #e2e8f0;background:#fafafa}.import-panel{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden;min-width:0}.import-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);flex-shrink:0}.import-panel-title-section{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.import-panel-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.import-target-info{display:flex;align-items:center;gap:6px;margin:0;font-size:.8125rem;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-target-info strong{color:#1e40af;font-weight:600}.close-import-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#fff;border:1.5px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .15s ease;flex-shrink:0}.close-import-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444;transform:scale(1.05)}.close-import-btn:active{transform:scale(.95)}.import-panel-content{flex:1;overflow:hidden;padding:0;position:relative;min-height:0}.import-panel-content .dialog-overlay{position:absolute!important;z-index:1!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;inset:0!important}.import-panel-content .dialog{position:relative!important;transform:none!important;width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important}.import-panel-content .dialog>div{border-radius:0!important;box-shadow:none!important;width:100%!important;height:100%!important;max-height:100%!important;border:none!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.import-panel-content .dialog-header{display:none!important}.import-panel-content .dialog-content{padding:20px!important;flex:1!important;min-height:0!important;overflow-y:auto!important;height:auto!important;max-height:none!important}.folder-item.import-target>.folder-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:6px;box-shadow:0 0 0 3px #3b82f61a;animation:pulse-highlight 2s ease-in-out infinite}.folder-item.import-target>.folder-header .folder-icon{color:#3b82f6}.folder-item.import-target>.folder-header .folder-name{color:#1e40af;font-weight:600}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 3px #3b82f61a}50%{box-shadow:0 0 0 6px #3b82f633}}.dark .folder-dataset-selector-wrapper.with-import .folder-dataset-selector{border-right-color:#334155;background:#1e293b}.dark .import-panel{background:#0f172a}.dark .import-panel-header{border-bottom-color:#334155;background:linear-gradient(135deg,#1e293b,#334155)}.dark .import-panel-header h3{color:#f1f5f9}.dark .import-target-info{color:#cbd5e1}.dark .import-target-info strong{color:#93c5fd}.dark .close-import-btn{background:#1e293b;border-color:#475569;color:#94a3b8}.dark .close-import-btn:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.dark .folder-item.import-target>.folder-header{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#60a5fa}.dark .folder-item.import-target>.folder-header .folder-name{color:#dbeafe}.connections-view{padding:24px 24px 0;overflow-y:auto}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.connection-tile{padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.connection-tile:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.connection-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.connection-info{flex:1}.connection-name{font-size:16px;font-weight:600;border:0px;color:#1e293b;margin:0 0 4px}.connection-type{font-size:13px;color:#64748b;margin:0 0 8px;text-transform:capitalize}.connection-description{font-size:12px;color:#94a3b8;margin:0;line-height:1.4}.browse-view{display:flex;flex-direction:column;height:100%}.browse-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.back-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.back-btn .rotate-180{transform:rotate(180deg)}.browse-path{display:flex;align-items:center;gap:6px;flex:1;font-size:13px;color:#64748b;padding:6px 12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.browse-selected{font-size:13px;color:#3b82f6;font-weight:600}.browse-items{flex:1;overflow-y:auto;padding:12px 12px 0}.browse-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:8px;cursor:pointer;transition:all .15s ease;background:#fff}.browse-item:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1}.browse-item.selected{background:#eff6ff;border-color:#3b82f6;border-width:2px;padding:11px}.browse-item.disabled{opacity:.6;cursor:not-allowed}.browse-item.disabled:not(.folder){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;opacity:1}.browse-item.disabled:not(.folder) .item-icon{color:#16a34a}.browse-item.disabled:not(.folder) .item-name{color:#15803d;font-weight:500}.browse-item.disabled:not(.folder):hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;transform:none}.browse-item.folder{background:#fafafa}.browse-item.folder:hover{background:#f1f5f9;border-color:#f59e0b}.item-icon{flex-shrink:0;color:#64748b}.browse-item.folder .item-icon{color:#f59e0b}.browse-item.selected .item-icon{color:#3b82f6}.item-info{flex:1;min-width:0}.item-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.item-name{font-size:14px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;flex-shrink:0}.item-badge.imported{background:#15803d;color:#fff;font-weight:700;padding:3px 10px;border:none}.item-badge.unsupported{background:#f1f5f9;color:#64748b}.item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8}.item-selected-indicator{flex-shrink:0;color:#3b82f6}.browse-actions{display:flex;gap:12px;padding:16px 20px;border-top:2px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.import-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.import-btn.primary{background:#3b82f6;color:#fff}.import-btn.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.import-btn.secondary{background:#fff;color:#64748b;border:1px solid #cbd5e1}.import-btn.secondary:hover:not(:disabled){background:#f8fafc;color:#1e293b;border-color:#94a3b8}.import-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.import-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#64748b;gap:16px}.import-loading p{font-size:14px;margin:0}.import-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#dc2626;gap:16px}.import-error p{font-size:14px;margin:0;text-align:center}.retry-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.import-error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:12px;font-size:13px}.empty-browse{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#94a3b8;gap:16px}.empty-browse p{font-size:14px;margin:0}.dark .connections-view{background:#0f172a}.dark .connection-tile{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark .connection-tile:hover{border-color:#60a5fa;background:#1e3a8a}.dark .connection-name{color:#f1f5f9}.dark .connection-type{color:#cbd5e1}.dark .connection-description{color:#94a3b8}.dark .browse-header{background:#1e293b;border-bottom-color:#334155}.dark .back-btn{background:#0f172a;border-color:#475569;color:#cbd5e1}.dark .back-btn:hover{background:#334155;border-color:#64748b;color:#f1f5f9}.dark .browse-path{background:#0f172a;border-color:#334155;color:#cbd5e1}.dark .browse-selected{color:#93c5fd}.dark .browse-item{background:#1e293b;border-color:#334155}.dark .browse-item:hover:not(.disabled){background:#334155;border-color:#475569}.dark .browse-item.selected{background:#1e3a8a;border-color:#60a5fa}.dark .browse-item.folder{background:#0f172a}.dark .browse-item.folder:hover{background:#1e293b}.dark .browse-item.disabled:not(.folder){background:linear-gradient(135deg,#052e16,#14532d);border-color:#166534}.dark .browse-item.disabled:not(.folder) .item-icon{color:#86efac}.dark .browse-item.disabled:not(.folder) .item-name{color:#86efac}.dark .browse-item.disabled:not(.folder):hover{background:linear-gradient(135deg,#052e16,#14532d);border-color:#166534}.dark .item-name{color:#f1f5f9}.dark .item-badge.imported{background:#16a34a;color:#fff}.dark .item-badge.unsupported{background:#334155;color:#94a3b8}.dark .browse-actions{background:#1e293b;border-top-color:#334155}.dark .import-btn.secondary{background:#0f172a;border-color:#475569;color:#cbd5e1}.dark .import-btn.secondary:hover:not(:disabled){background:#334155;color:#f1f5f9}.dark .import-error-banner{background:#3f1515;border-color:#7f1d1d;color:#fca5a5}.bollinger-mini-chart{cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;border-radius:6px;overflow:hidden;margin-top:.75rem;padding:.25rem;background:var(--surface-2, #f9fafb);border:1px solid var(--border-color, #e5e7eb);width:100%;display:block;position:relative}.dark .bollinger-mini-chart{background:var(--surface-2, #1e293b);border-color:var(--border-color, #334155)}.bollinger-mini-chart:hover{box-shadow:0 4px 12px #00000026;border-color:var(--primary-color, #3b82f6)}.dark .bollinger-mini-chart:hover{box-shadow:0 4px 12px #0006}.bollinger-expanded-overlay{position:fixed;inset:0;background:#000000bf;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease;pointer-events:all}.bollinger-expanded-chart{background:var(--surface-1, #ffffff);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:45vw;min-width:700px;max-width:1400px;max-height:90vh;overflow-y:auto;overflow-x:hidden;animation:slideUp .3s ease;pointer-events:all;position:relative;z-index:1}.dark .bollinger-expanded-chart{background:var(--surface-1, #1e293b)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bollinger-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.dark .bollinger-expanded-header{border-bottom-color:var(--border-color, #334155)}.bollinger-expanded-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.dark .bollinger-expanded-header h3{color:var(--text-primary, #f3f4f6)}.bollinger-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-2, #f3f4f6);color:var(--text-secondary, #6b7280);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dark .bollinger-close-btn{background:var(--surface-2, #334155);color:var(--text-secondary, #9ca3af)}.bollinger-close-btn:hover{background:var(--surface-3, #e5e7eb);transform:scale(1.1)}.dark .bollinger-close-btn:hover{background:var(--surface-3, #475569)}.bollinger-expanded-content{padding:1rem 1.5rem 1.5rem}.bollinger-chart-wrapper{width:100%;min-height:500px;display:flex;justify-content:center;align-items:center}.bollinger-info{margin-top:1rem;padding:1rem;background:var(--surface-2, #f9fafb);border-radius:8px;border-left:3px solid var(--primary-color, #3b82f6)}.dark .bollinger-info{background:var(--surface-2, #0f172a)}.bollinger-info p{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5}.dark .bollinger-info p{color:var(--text-secondary, #9ca3af)}.bollinger-info strong{color:var(--text-primary, #111827);font-weight:600}.dark .bollinger-info strong{color:var(--text-primary, #f3f4f6)}.project-quality-trends{background:var(--surface-2, #ffffff);border:1px solid var(--border, rgba(229,231,235,1));border-radius:12px;padding:1rem;margin-bottom:0;box-shadow:0 1px 3px #0000001a}.pqt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pqt-title{font-size:1.125rem;font-weight:600;color:var(--text-1, #111827);margin:0}.pqt-loading,.pqt-error,.pqt-empty{padding:2rem;text-align:center;color:var(--text-2, #6b7280);font-size:.875rem}.pqt-error{color:var(--secondary, #ef4444)}.pqt-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;max-width:100%}.metric-card{background:var(--surface-3, #f3f4f6);border:1px solid var(--border, rgba(229,231,235,1));border-radius:8px;padding:.75rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.metric-card:hover{border-color:var(--primary, #FABE66);box-shadow:0 2px 6px #fabe6626;transform:translateY(-1px)}.metric-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.metric-icon{width:2.5rem;height:2.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.fidelity{background-color:#10b98120;color:#10b981}.metric-icon.privacy{background-color:#3b82f620;color:#3b82f6}.metric-icon.utility{background-color:#eab30820;color:#eab308}.metric-icon.similarity{background-color:#f9731620;color:#f97316}.metric-info{flex:1}.metric-label{font-size:.8125rem;font-weight:600;border:0px;color:var(--text-1, #111827);margin:0 0 .125rem}.metric-trend{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.metric-trend .trend-icon{font-size:.875rem}.metric-trend .trend-label{text-transform:capitalize}.trend-improving{color:var(--primary, #FABE66)}.trend-declining{color:var(--secondary, #FF0000)}.trend-stable{color:var(--text-3, #9ca3af)}.metric-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{display:flex;flex-direction:column;gap:.125rem}.stat-label{font-size:.625rem;color:var(--text-3, #9ca3af);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stat-value{font-size:1rem;font-weight:700;color:var(--text-1, #111827)}.stat-value.positive{color:var(--primary)}.stat-value.negative{color:var(--secondary)}@media(max-width:768px){.pqt-header{flex-direction:column;align-items:flex-start;gap:1rem}.pqt-metrics{grid-template-columns:1fr}}.empty-dataset-view{display:flex;flex-direction:column;padding:2rem;max-width:1600px;margin:0 auto;background:var(--bg-light, #f8f9fa);min-height:100vh}.empty-dataset-view>*+*{margin-top:2rem}.empty-dataset-card-container{display:flex;justify-content:center;margin-bottom:1rem}.empty-dataset-card{text-align:center;max-width:560px;padding:3rem 2.5rem;border:2px dashed var(--border);border-radius:16px;cursor:pointer;transition:all .3s ease}.empty-dataset-card:hover{border-color:var(--brand-primary-500);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.empty-dataset-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;padding:1rem;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-secondary-500) 15%,transparent),color-mix(in srgb,var(--brand-primary-500) 15%,transparent));color:var(--brand-secondary-500);transition:transform .3s ease}.empty-dataset-card:hover .empty-dataset-icon{transform:scale(1.1) rotate(-5deg)}.empty-dataset-title{font-size:1.75rem;font-weight:600;color:var(--text-dark);margin:0 0 1rem;line-height:1.2}.empty-dataset-description{font-size:1rem;color:color-mix(in srgb,var(--text-dark) 65%,transparent);line-height:1.6;margin:0}.project-badge{display:inline-block;background:linear-gradient(135deg,var(--brand-primary-500),var(--brand-primary-600));color:#fff;padding:.25rem .625rem;border-radius:6px;font-weight:600;font-size:.9375rem}.project-section{width:100%}.section-header-title{font-size:1.125rem;font-weight:600;color:var(--text-dark, #111827);margin:0 0 1rem;letter-spacing:-.01em}.project-stats-widget{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:16px;padding:1.75rem;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .04))}.stats-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem}.stats-icon{color:var(--text-dark);opacity:.7}.stats-title{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:12px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:row;min-height:110px;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .05))}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-secondary-500));opacity:0;transition:opacity .25s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014;border-color:color-mix(in srgb,var(--brand-primary-500) 40%,var(--border))}.stat-card-header{display:flex;flex-direction:column;justify-content:center;flex:1;padding:.875rem 1rem;gap:.375rem}.stat-card-header>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--text-dark) 55%,transparent);line-height:1.2;margin:0}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-dark);line-height:1.1;letter-spacing:-.02em}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:70px;background:color-mix(in srgb,var(--brand-primary-500) 8%,transparent);border-radius:12px 0 0 12px;flex-shrink:0;transition:all .25s ease;align-self:stretch}.stat-card:hover .stat-icon-wrapper{background:color-mix(in srgb,var(--brand-primary-500) 12%,transparent);transform:scale(1.05)}.stat-icon-main{color:var(--brand-primary-500);opacity:.9;width:28px;height:28px}.stat-description{font-size:.6875rem;color:color-mix(in srgb,var(--text-dark) 55%,transparent);line-height:1.3;padding:.625rem 1rem .875rem;border-top:1px solid var(--border);margin-left:5%}.project-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--text-dark) 60%,transparent)}.info-value{font-size:.875rem;font-weight:600;color:var(--text-dark)}.project-quality-trends{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:16px;padding:1.75rem;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .04))}.pqt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.pqt-title{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin:0}.time-window-selector{padding:.5rem .875rem;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;color:var(--text-dark);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.time-window-selector:hover{border-color:var(--brand-primary-500);background:var(--surface-2)}.time-window-selector:focus{outline:none;border-color:var(--brand-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}.pqt-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:color-mix(in srgb,var(--text-dark) 60%,transparent);font-size:.875rem}.pqt-error{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--danger, #ef4444);font-size:.875rem}.pqt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:color-mix(in srgb,var(--text-dark) 60%,transparent)}.pqt-empty-icon{color:color-mix(in srgb,var(--text-dark) 40%,transparent)}.pqt-empty p{margin:0;font-size:.875rem}.pqt-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-secondary-500));opacity:0;transition:opacity .25s ease}.metric-card:hover:before{opacity:1}.metric-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014;border-color:color-mix(in srgb,var(--brand-primary-500) 40%,var(--border))}.metric-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.125rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0;transition:all .25s ease}.metric-card:hover .metric-icon{transform:scale(1.05)}.metric-info{flex:1;min-width:0}.metric-label{font-size:.9375rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem;line-height:1.2}.metric-trend{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:6px;background:color-mix(in srgb,currentColor 10%,transparent);line-height:1.2}.trend-icon{font-size:.875rem}.trend-improving{color:var(--success, #10b981)}.trend-declining{color:var(--danger, #ef4444)}.trend-stable{color:var(--warning, #f59e0b)}.metric-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.375rem}.metric-stats .stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--text-dark) 55%,transparent);line-height:1.2}.metric-stats .stat-value{font-size:1.375rem;font-weight:700;color:var(--text-dark);line-height:1;letter-spacing:-.01em}html.dark .empty-dataset-view,body.dark .empty-dataset-view,[data-theme=dark] .empty-dataset-view{background:var(--bg-dark, #0b0f16)}html.dark .empty-dataset-card,body.dark .empty-dataset-card,[data-theme=dark] .empty-dataset-card{border-color:var(--tile-border, rgba(255,255,255,.1));background:var(--tile-bg, #0b0f16)}html.dark .empty-dataset-card:hover,body.dark .empty-dataset-card:hover,[data-theme=dark] .empty-dataset-card:hover{border-color:var(--brand-primary-500);box-shadow:0 8px 24px #0000004d}html.dark .dataset-selector-card,body.dark .dataset-selector-card,[data-theme=dark] .dataset-selector-card{background:var(--tile-bg, #0b0f16);border-color:var(--tile-border, rgba(255,255,255,.1))}html.dark .dataset-selector-card.hovered,body.dark .dataset-selector-card.hovered,[data-theme=dark] .dataset-selector-card.hovered{border-color:var(--brand-primary-500);box-shadow:0 4px 12px #0000004d}html.dark .project-stats-widget,body.dark .project-stats-widget,[data-theme=dark] .project-stats-widget,html.dark .project-quality-trends,body.dark .project-quality-trends,[data-theme=dark] .project-quality-trends{background:var(--tile-bg, #0b0f16);border-color:var(--tile-border, rgba(255,255,255,.04));box-shadow:var(--shadow, 0 2px 8px rgba(0,0,0,.3))}html.dark .stat-card,body.dark .stat-card,[data-theme=dark] .stat-card,html.dark .metric-card,body.dark .metric-card,[data-theme=dark] .metric-card{background:var(--tile-bg, #0b0f16);border-color:var(--tile-border, rgba(255,255,255,.04));box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .3))}html.dark .stat-card:hover,body.dark .stat-card:hover,[data-theme=dark] .stat-card:hover,html.dark .metric-card:hover,body.dark .metric-card:hover,[data-theme=dark] .metric-card:hover{box-shadow:0 12px 24px #0006}html.dark .stat-icon-wrapper,body.dark .stat-icon-wrapper,[data-theme=dark] .stat-icon-wrapper{background:color-mix(in srgb,var(--brand-primary-500) 12%,transparent)}html.dark .stat-card:hover .stat-icon-wrapper,body.dark .stat-card:hover .stat-icon-wrapper,[data-theme=dark] .stat-card:hover .stat-icon-wrapper{background:color-mix(in srgb,var(--brand-primary-500) 18%,transparent)}html.dark .stat-description,body.dark .stat-description,[data-theme=dark] .stat-description{border-top-color:var(--border)}html.dark .metric-header,body.dark .metric-header,[data-theme=dark] .metric-header{border-bottom-color:var(--border)}[data-theme=synthehol-mint] .empty-dataset-card{background:linear-gradient(135deg,var(--bg-light) 0%,var(--surface-3) 100%);border:2px dashed color-mix(in srgb,var(--brand-primary-500) 60%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}[data-theme=synthehol-mint] .empty-dataset-card:hover{border-color:color-mix(in srgb,var(--brand-primary-500) 80%,transparent);background:linear-gradient(135deg,var(--surface-3) 0%,var(--ny-turquoise-lighter) 100%);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary-500) 25%,transparent)}[data-theme=synthehol-mint] .empty-dataset-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-secondary-500) 25%,transparent),color-mix(in srgb,var(--brand-primary-500) 25%,transparent));border:2px solid color-mix(in srgb,var(--brand-secondary-500) 30%,transparent)}[data-theme=synthehol-mint] .project-stats-widget{background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%);border:2px solid var(--border);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .stat-card{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-white) 95%,transparent),color-mix(in srgb,var(--bg-light) 80%,transparent));border:2px solid var(--tile-border);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .stat-card:before{background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-secondary-500));opacity:.8}[data-theme=synthehol-mint] .stat-card:hover:before{opacity:1}[data-theme=synthehol-mint] .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-secondary);border-color:color-mix(in srgb,var(--brand-secondary-500) 80%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-light) 95%,transparent),color-mix(in srgb,var(--surface-3) 90%,transparent))}[data-theme=synthehol-mint] .stat-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 20%,transparent),color-mix(in srgb,var(--brand-primary-500) 15%,transparent));border-right:2px solid color-mix(in srgb,var(--brand-primary-500) 25%,transparent)}[data-theme=synthehol-mint] .stat-card:hover .stat-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 30%,transparent),color-mix(in srgb,var(--brand-primary-500) 25%,transparent));border-right-color:color-mix(in srgb,var(--brand-primary-500) 40%,transparent)}[data-theme=synthehol-mint] .stat-icon-main{color:var(--brand-primary-500);opacity:1}[data-theme=synthehol-mint] .stat-description{border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-white) 50%,transparent)}[data-theme=synthehol-mint] .project-info-grid{border-top:2px solid var(--border);background:color-mix(in srgb,var(--bg-white) 40%,transparent);padding:1.5rem;border-radius:8px}[data-theme=synthehol-mint] .project-quality-trends{background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%);border:2px solid var(--border);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .metric-card{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-white) 95%,transparent),color-mix(in srgb,var(--bg-light) 80%,transparent));border:2px solid var(--tile-border);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .metric-card:before{background:linear-gradient(90deg,var(--brand-primary-500),var(--brand-secondary-500));opacity:.8}[data-theme=synthehol-mint] .metric-card:hover:before{opacity:1}[data-theme=synthehol-mint] .metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-secondary);border-color:color-mix(in srgb,var(--brand-secondary-500) 80%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-light) 95%,transparent),color-mix(in srgb,var(--surface-3) 90%,transparent))}[data-theme=synthehol-mint] .metric-header{border-bottom:1px solid var(--border);padding-bottom:1rem}[data-theme=synthehol-mint] .time-window-selector{background:color-mix(in srgb,var(--bg-light) 80%,transparent);border:2px solid var(--tile-border);color:var(--text-1);font-weight:600}[data-theme=synthehol-mint] .time-window-selector:hover{border-color:color-mix(in srgb,var(--brand-secondary-500) 80%,transparent);background:color-mix(in srgb,var(--surface-3) 80%,transparent);box-shadow:var(--shadow)}[data-theme=synthehol-mint] .time-window-selector:focus{border-color:var(--brand-secondary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary-500) 25%,transparent)}[data-theme=synthehol-mint] .dataset-selector-card{border-color:var(--border)}[data-theme=synthehol-mint] .dataset-selector-card.hovered{background:var(--surface-2);border-color:var(--brand-primary-500)}[data-theme=synthehol-mint] .dataset-selector-icon{background:var(--surface-3)}[data-theme=synthehol-mint] .dataset-selector-button{background:var(--surface-2);border-color:var(--border)}[data-theme=synthehol-mint] .dataset-selector-card.hovered .dataset-selector-button{background:var(--brand-primary-500);border-color:var(--brand-primary-500)}[data-theme=synthehol-mint] .time-window-button-group{background:var(--surface-2);border-color:var(--border)}[data-theme=synthehol-mint] .time-window-button.active{background:var(--brand-primary-500);box-shadow:0 1px 3px color-mix(in srgb,var(--brand-primary-500) 30%,transparent)}.dataset-selector-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;margin-bottom:0;background:var(--tile-bg, #ffffff);border:2px dashed var(--tile-border, rgba(229,231,235,1));border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:100px;animation:datasetSelectorPulse 2s ease-in-out infinite;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .05))}.dataset-selector-card.hovered{background:var(--tile-bg, #ffffff);border-color:var(--brand-primary-500);box-shadow:0 4px 12px #00000014;animation:none}.dataset-selector-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--surface-3, #f3f4f6);border-radius:.75rem;flex-shrink:0}.dataset-selector-content{flex:1}.dataset-selector-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-1, #1f2937)}.dataset-selector-description{font-size:.875rem;color:var(--text-2, #6b7280);margin:0}.dataset-selector-project-badge{display:inline-block;padding:.125rem .5rem;background:var(--primary, #ef4444);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.dataset-selector-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface-2, white);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-1, #111827);flex-shrink:0;transition:all .2s ease}.dataset-selector-card.hovered .dataset-selector-button{background:var(--primary, #ef4444);color:#fff;border-color:var(--primary, #ef4444)}.time-window-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.time-window-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-1);letter-spacing:-.01em}.time-window-button-group{display:flex;gap:.625rem;padding:.375rem;background:var(--surface-2, rgba(255,255,255,.05));border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:.75rem}.time-window-button{padding:.625rem 1.25rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-1, #e5e7eb);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none}.time-window-button.active{background:var(--primary, #ef4444);color:#fff;box-shadow:0 1px 3px #ef44444d}.time-window-button:hover:not(.active){background:color-mix(in srgb,var(--surface-3) 50%,transparent)}.section-header-title{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-1);letter-spacing:-.01em}@media(max-width:768px){.empty-dataset-view{padding:1rem;gap:1.5rem}.empty-dataset-card{padding:2rem 1.5rem}.stats-grid,.pqt-metrics{grid-template-columns:1fr}.project-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:480px){.empty-dataset-title{font-size:1.5rem}.stat-value{font-size:1.75rem}.project-info-grid{grid-template-columns:1fr}}.quality-trends-chart{background:var(--surface-2);border:1px solid var(--tile-border);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.qtc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.qtc-title-row{display:flex;align-items:center;gap:.75rem}.qtc-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.time-window-selector{padding:.375rem .75rem;background:var(--surface-3);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;outline:none}.time-window-selector:hover{background:var(--surface-hover);border-color:var(--primary-color)}.time-window-selector:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.trend-icon{font-size:1.5rem;font-weight:700;line-height:1}.trend-icon.improving{color:#10b981}.trend-icon.declining{color:#ef4444}.trend-icon.stable{color:#6b7280}.qtc-summary{display:flex;gap:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.qtc-loading,.qtc-error,.qtc-empty{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.qtc-error{color:var(--error-color)}.qtc-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--surface-3);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem;color:var(--text-secondary)}.legend-item:hover{background:var(--surface-hover);border-color:var(--primary-color)}.legend-item.active{background:var(--surface-hover);border-color:var(--primary-color);color:var(--text-primary);font-weight:500}.legend-item.active .legend-color{opacity:1;box-shadow:0 0 0 2px var(--surface-2),0 0 0 3px currentColor}.legend-color{width:1rem;height:1rem;border-radius:50%;flex-shrink:0;transition:all .2s;opacity:.7}.legend-item:not(.active) .legend-color{opacity:.3}.legend-label{white-space:nowrap}.qtc-chart{width:100%;height:300px;margin-top:.5rem}@media(max-width:768px){.qtc-header{flex-direction:column;align-items:flex-start}.qtc-summary{flex-wrap:wrap}.qtc-legend{gap:.5rem}.legend-item{padding:.25rem .5rem;font-size:.75rem}.legend-color{width:.75rem;height:.75rem}.qtc-chart{height:250px}}@media(prefers-color-scheme:dark){.legend-item:hover,.legend-item.active{background:var(--surface-4)}}.task-metrics-container{padding:1.75rem;background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:16px;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .04))}.task-metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.task-metric-card{background:var(--tile-bg, #ffffff);border-radius:12px;padding:1.25rem;border:1px solid var(--tile-border, rgba(229,231,235,1));transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .05))}.task-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.task-metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.task-metric-card-label{font-size:.875rem;font-weight:500;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.task-metric-card-value{font-size:1.75rem;font-weight:700;line-height:1}.task-metric-value-success{color:var(--success)}.task-metric-value-error{color:var(--danger)}.task-metric-value-primary{color:var(--info)}.task-metric-value-neutral{color:var(--text-1)}.task-metric-stats{display:flex;gap:1rem;margin-top:.5rem;font-size:.875rem}.task-metric-stat-label{color:var(--text-3);margin-right:.25rem}.task-metric-stat-value{font-weight:600;color:var(--text-1)}.task-trends-section{margin-top:2rem}.task-trends-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.task-trends-title{font-size:1.125rem;font-weight:600;color:var(--text-1)}.task-trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.task-trends-card{background:var(--tile-bg, #ffffff);border-radius:12px;padding:1rem;border:1px solid var(--tile-border, rgba(229,231,235,1));box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .05))}.task-trend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.task-trend-label{font-size:.875rem;font-weight:500;color:var(--text-2)}.task-trend-stats{display:flex;flex-direction:column;gap:.5rem}.task-trend-value{font-size:1.125rem;font-weight:700}.task-trend-change{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.task-trend-indicator-improving{color:var(--success)}.task-trend-indicator-declining{color:var(--danger)}.task-trend-indicator-stable{color:var(--text-3)}.task-chart-wrapper{margin-top:2rem;padding:1.5rem;background:var(--surface-2);border-radius:.5rem;border:1px solid var(--border)}.task-chart-title{font-size:1rem;font-weight:600;color:var(--text-1);margin-bottom:1rem}.task-types-breakdown{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-top:1.5rem}.task-type-item{display:flex;flex-direction:column;padding:.75rem;background:var(--tile-bg, #ffffff);border-radius:8px;border:1px solid var(--tile-border, rgba(229,231,235,1));box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .05))}.task-type-label{font-size:.75rem;color:var(--text-3);margin-bottom:.25rem}.task-type-value{font-size:1rem;font-weight:600;color:var(--text-1)}.task-type-percentage{font-size:.875rem;color:var(--text-2);margin-top:.25rem}.trend-icon{display:inline-flex;align-items:center}.trend-icon.trend-up{color:var(--success)}.trend-icon.trend-down{color:var(--danger)}.trend-icon.trend-stable{color:var(--text-3)}.task-metrics-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-3)}.task-metrics-empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--text-3)}.task-metrics-empty-title{font-size:1rem;font-weight:500;color:var(--text-2);margin-bottom:.5rem}.task-metrics-empty-description{font-size:.875rem;color:var(--text-3)}.task-metrics-error{padding:2rem 1.5rem;text-align:center}.task-metrics-error-icon{width:2.5rem;height:2.5rem;margin:0 auto 1rem;color:var(--danger)}.task-metrics-error-message{font-size:1rem;color:var(--danger);font-weight:500}.chart-card{background:var(--tile-bg, #ffffff);border:1px solid var(--tile-border, rgba(229,231,235,1));border-radius:16px;padding:1.75rem;box-shadow:var(--shadow)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-dark, #111827);margin:0;letter-spacing:-.01em}.chart-title-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;width:100%}.line-chart-content{margin-top:.5rem}.metric-toggles{display:flex;gap:.625rem;flex-wrap:wrap}.metric-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1.5px solid;border-radius:20px;background:var(--tile-bg, #ffffff);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.metric-toggle:hover{opacity:.85}.metric-toggle .metric-dot{width:8px;height:8px;border-radius:50%}.metric-toggle:not(.active){opacity:.4;border-color:var(--tile-border, rgba(229,231,235,1))!important;background:color-mix(in srgb,var(--tile-border) 20%,transparent)}.metric-toggle.active{opacity:1}@media(max-width:768px){.task-metrics-summary,.task-trends-grid{grid-template-columns:1fr}.task-types-breakdown{grid-template-columns:repeat(2,1fr)}.task-chart-wrapper{padding:1rem}.chart-title-section{flex-direction:column;align-items:flex-start}.metric-toggles{width:100%}}[data-theme=synthehol-dark] .task-metrics-container,[data-theme=synthehol-dark] .task-metric-card,[data-theme=synthehol-dark] .task-trends-card,[data-theme=synthehol-dark] .task-type-item,[data-theme=synthehol-dark] .chart-card,html.dark .task-metrics-container,html.dark .task-metric-card,html.dark .task-trends-card,html.dark .task-type-item,html.dark .chart-card,body.dark .task-metrics-container,body.dark .task-metric-card,body.dark .task-trends-card,body.dark .task-type-item,body.dark .chart-card{background:linear-gradient(135deg,#0f172a99,#0f172acc);border:2px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #00000080,0 2px 4px #0000004d}[data-theme=synthehol-dark] .task-metric-card:hover,[data-theme=synthehol-dark] .task-trends-card:hover,html.dark .task-metric-card:hover,html.dark .task-trends-card:hover,body.dark .task-metric-card:hover,body.dark .task-trends-card:hover{border-color:color-mix(in srgb,var(--brand-primary-500) 50%,transparent);box-shadow:0 8px 20px #0009,0 4px 8px color-mix(in srgb,var(--brand-primary-500) 20%,transparent);transform:translateY(-2px)}[data-theme=synthehol-dark] .chart-title,[data-theme=synthehol-dark] .task-trends-title,[data-theme=synthehol-dark] .task-chart-title,[data-theme=synthehol-dark] .task-metric-card-label,html.dark .chart-title,html.dark .task-trends-title,html.dark .task-chart-title,html.dark .task-metric-card-label,body.dark .chart-title,body.dark .task-trends-title,body.dark .task-chart-title,body.dark .task-metric-card-label{color:#fffffff2}[data-theme=synthehol-dark] .task-trend-label,[data-theme=synthehol-dark] .task-type-label,html.dark .task-trend-label,html.dark .task-type-label,body.dark .task-trend-label,body.dark .task-type-label{color:#ffffffbf}[data-theme=synthehol-dark] .task-metric-card-value,[data-theme=synthehol-dark] .task-trend-value,[data-theme=synthehol-dark] .task-type-value,html.dark .task-metric-card-value,html.dark .task-trend-value,html.dark .task-type-value,body.dark .task-metric-card-value,body.dark .task-trend-value,body.dark .task-type-value{color:#fffffff2}[data-theme=synthehol-dark] .metric-toggle,html.dark .metric-toggle,body.dark .metric-toggle{background:#0f172a99;color:#ffffffd9}[data-theme=synthehol-dark] .metric-toggle:not(.active),html.dark .metric-toggle:not(.active),body.dark .metric-toggle:not(.active){background:#0f172a66;border-color:#ffffff14!important}[data-theme=synthehol-dark] .task-chart-wrapper,html.dark .task-chart-wrapper,body.dark .task-chart-wrapper{background:#0f172a80;border-color:#ffffff14}[data-theme=synthehol-dark] .task-trends-header,html.dark .task-trends-header,body.dark .task-trends-header{border-bottom-color:#ffffff14}.schema-panel,.schema-header{display:flex;flex-direction:column;gap:1.5rem}.schema-header-content{display:flex;align-items:center;justify-content:space-between}.schema-title{font-size:.9375rem;font-weight:500;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));margin:0}.quality-report-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-dark);background:transparent;border:1.5px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent));border-radius:8px;cursor:pointer;transition:all .2s ease}.quality-report-btn:hover{border-color:#d97706;color:#d97706;background:color-mix(in srgb,#FABE66 6%,transparent)}.schema-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.summary-card{padding:1.25rem 1rem;border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.summary-card-1{background:#fefce8}.summary-card-2{background:#fed7aa}.summary-card-3{background:#ecfdf5}.summary-card-4{background:#fff7ed}.summary-card-5{background:#fef2f2}.summary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));margin-bottom:.5rem}.summary-value{font-size:1.75rem;font-weight:700;color:var(--text-dark);font-variant-numeric:tabular-nums}.schema-controls{display:flex;align-items:center;gap:1rem}.schema-search-wrapper{position:relative;flex:1;max-width:500px}.schema-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));pointer-events:none}.schema-search-input{width:85%;padding:.625rem 2.5rem;border:1.5px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent));border-radius:8px;font-size:.875rem;background:var(--bg-dark, #ffffff);color:var(--text-dark);transition:all .2s ease}.schema-search-input::-moz-placeholder{color:color-mix(in srgb,var(--text-dark) 50%,transparent)}.schema-search-input::placeholder{color:color-mix(in srgb,var(--text-dark) 50%,transparent)}.schema-search-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #fabe6626}.schema-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:color-mix(in srgb,var(--text-dark) 8%,transparent);color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));border-radius:4px;cursor:pointer;font-size:1.25rem;line-height:1;transition:all .2s ease}.schema-clear-search:hover{background:color-mix(in srgb,var(--text-dark) 12%,transparent);color:var(--text-dark)}.schema-filter-group{display:flex;align-items:center;gap:.5rem;padding-left:1rem;border-left:1px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent))}.schema-filter-label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));white-space:nowrap}.schema-select-input{padding:.625rem 2.5rem .625rem .875rem;border:1.5px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent));border-radius:8px;font-size:.875rem;font-weight:500;background:var(--bg-dark, #ffffff);color:var(--text-dark);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 16px;min-width:150px}.schema-select-input:hover{border-color:color-mix(in srgb,var(--text-dark) 25%,transparent);background-color:color-mix(in srgb,var(--text-dark) 2%,var(--bg-dark, #ffffff))}.schema-select-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #fabe6626}.schema-table-container{background:var(--bg-dark, #ffffff);border-radius:10px;border:1px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent));overflow:auto;max-height:calc(100vh - 600px);min-height:300px;box-shadow:0 1px 3px #00000014}.schema-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.schema-th{position:sticky;top:0;background:linear-gradient(to bottom,var(--bg-dark, #ffffff),color-mix(in srgb,var(--bg-dark, #ffffff) 97%,var(--text-dark)));padding:.875rem 1rem;text-align:left;font-weight:700;font-size:.75rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent));z-index:10}.schema-row{transition:background-color .15s ease;border-bottom:1px solid color-mix(in srgb,var(--tile-border, #e5e7eb) 50%,transparent)}.schema-row:hover{background:color-mix(in srgb,#FABE66 6%,transparent)}.schema-row:last-child{border-bottom:none}.schema-td{padding:.875rem 1rem;color:var(--text-dark);vertical-align:middle}.schema-td-numeric{font-variant-numeric:tabular-nums}.column-name-cell{display:flex;align-items:center;gap:.75rem}.column-indicator{width:8px;height:8px;border-radius:50%;background:#fabe66;flex-shrink:0}.column-name{font-weight:600;color:var(--text-dark)}.type-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.distribution-bar-wrapper{width:160px;height:8px;background:color-mix(in srgb,var(--text-dark) 8%,transparent);border-radius:4px;overflow:hidden}.distribution-bar{height:100%;background:linear-gradient(90deg,#fed7aa,#fabe66);border-radius:4px;transition:width .3s ease}.schema-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent))}.schema-loading svg{margin-bottom:1rem;color:#d97706}.loading-text{font-size:.9375rem;font-weight:500;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));margin:0}.schema-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent))}.schema-empty-state svg{margin-bottom:1rem;opacity:.4}.empty-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.empty-description{font-size:.875rem;color:var(--muted, color-mix(in srgb, var(--text-dark) 70%, transparent));margin:0}.dark .schema-title{color:#94a3b8}.dark .quality-report-btn{color:#e2e8f0;border-color:#334155}.dark .quality-report-btn:hover{border-color:#f59e0b;color:#f59e0b;background:#fb923c1a}.dark .summary-card-1{background:#fefce81a}.dark .summary-card-2{background:#fed7aa1a}.dark .summary-card-3{background:#ecfdf51a}.dark .summary-card-4{background:#fff7ed1a}.dark .summary-card-5{background:#fef2f21a}.dark .summary-label{color:#94a3b8}.dark .summary-value{color:#f1f5f9}.dark .schema-search-icon{color:#64748b}.dark .schema-search-input{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark .schema-search-input::-moz-placeholder{color:#64748b}.dark .schema-search-input::placeholder{color:#64748b}.dark .schema-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fb923c26}.dark .schema-clear-search{background:#ffffff1a;color:#94a3b8}.dark .schema-clear-search:hover{background:#ffffff26;color:#e2e8f0}.dark .schema-filter-group{border-left-color:#334155}.dark .schema-filter-label{color:#94a3b8}.dark .schema-select-input{background:#1e293b;border-color:#334155;color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dark .schema-select-input:hover{border-color:#475569;background-color:#1a2332}.dark .schema-select-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fb923c26}.dark .schema-table-container{background:#0f172a;border-color:#334155;box-shadow:0 1px 3px #0000004d}.dark .schema-th{background:linear-gradient(to bottom,#0f172a,#1e293b);color:#cbd5e1;border-bottom-color:#334155}.dark .schema-row{border-bottom-color:#33415580}.dark .schema-row:hover{background:#fb923c14}.dark .schema-td{color:#e2e8f0}.dark .column-indicator{background:#fb923c}.dark .column-name{color:#f1f5f9}.dark .distribution-bar-wrapper{background:#ffffff1a}.dark .distribution-bar{background:linear-gradient(90deg,#fb923c,#f59e0b)}.dark .schema-loading,.dark .schema-empty-state{color:#64748b}.dark .schema-loading svg{color:#f59e0b}.dark .empty-title{color:#e2e8f0}.dark .empty-description,.dark .loading-text{color:#94a3b8}@media(max-width:1280px){.schema-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.schema-summary-grid{grid-template-columns:repeat(2,1fr)}.schema-controls{flex-direction:column;align-items:stretch}.schema-search-wrapper{max-width:none}.schema-filter-group{padding-left:0;border-left:none;border-top:1px solid var(--tile-border, color-mix(in srgb, var(--text-dark) 12%, transparent));padding-top:1rem}.schema-table-container{max-height:calc(100vh - 500px)}}@media(max-width:640px){.schema-summary-grid{grid-template-columns:1fr}.summary-card{padding:1rem}.summary-value{font-size:1.5rem}.distribution-bar-wrapper{width:120px}}.DatasetClusters{padding:24px;max-width:1400px;margin:0 auto}.DatasetClusters>.flex{padding-bottom:24px;border-bottom:2px solid #e5e7eb;margin-bottom:32px}.DatasetClusters h3{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:4px}.DatasetClusters .text-sm.text-gray-500{color:#6b7280;font-size:.875rem}.DatasetClusters button{padding:10px 18px;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .2s ease}.DatasetClusters button:hover:not(:disabled){transform:translateY(-1px)}.DatasetClusters button:disabled{opacity:.5;cursor:not-allowed}.DatasetClusters .mb-3.text-sm{background:#eff6ff;padding:12px 16px;border-radius:8px;border-left:3px solid #3b82f6;color:#1e40af;font-weight:500;margin-bottom:24px}.cluster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.cluster-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.cluster-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#3b82f6;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cluster-card:hover:before{transform:scaleX(1)}.cluster-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #0000001a,0 8px 16px -4px #0000000f;border-color:#d1d5db}.cluster-card:active{transform:translateY(-2px)}.cluster-header{display:flex;flex-direction:column;gap:8px}.cluster-title-row{display:flex;align-items:center;gap:10px}.cluster-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #3b82f61a;transition:box-shadow .2s ease}.cluster-card:hover .cluster-dot{box-shadow:0 0 0 4px #3b82f633}.cluster-name{font-size:.8rem;font-weight:200;color:#111827;margin:0;line-height:.5}.cluster-description{font-size:.8125rem;color:#6b7280;margin:0;line-height:1.5;padding-left:22px}.cluster-coverage{display:flex;flex-direction:column;gap:6px}.coverage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.coverage-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.coverage-percentage{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:#3b82f6;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.coverage-footer{display:flex;justify-content:flex-end;margin-top:2px}.coverage-count{font-size:.75rem;color:#6b7280;font-weight:500}.cluster-features{display:flex;flex-direction:column;gap:8px}.features-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.features-list{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{display:inline-flex;align-items:center;padding:5px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;font-weight:500;color:#374151;transition:all .15s ease}.feature-tag:hover{background:#e5e7eb;border-color:#d1d5db;transform:scale(1.02)}.feature-more{background:#eff6ff;color:#3b82f6;border-color:#dbeafe;font-style:italic}.cluster-metrics{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #f3f4f6}.metric-item{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.metric-item:last-child{align-items:flex-end}.metric-value{font-size:1.125rem;font-weight:700;color:#111827}.cluster-view-btn{width:100%;padding:10px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#3b82f6;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.cluster-view-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.cluster-view-btn:active{transform:translateY(0)}.inline-loader{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.inline-loader-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.inline-loader-text{font-size:.875rem;color:#6b7280;font-weight:500}.dark .cluster-card,body.dark .cluster-card{background:#1f2937;border-color:#374151}.dark .cluster-card:hover,body.dark .cluster-card:hover{border-color:#4b5563;box-shadow:0 12px 24px -4px #0000004d}.dark .cluster-name,body.dark .cluster-name,.dark .coverage-percentage,body.dark .coverage-percentage,.dark .metric-value,body.dark .metric-value{color:#f3f4f6}.dark .cluster-description,body.dark .cluster-description,.dark .coverage-label,body.dark .coverage-label,.dark .coverage-count,body.dark .coverage-count,.dark .features-label,body.dark .features-label,.dark .metric-label,body.dark .metric-label{color:#9ca3af}.dark .progress-bar,body.dark .progress-bar{background:#374151}.dark .feature-tag,body.dark .feature-tag{background:#374151;border-color:#4b5563;color:#e5e7eb}.dark .feature-tag:hover,body.dark .feature-tag:hover{background:#4b5563}.dark .cluster-metrics,body.dark .cluster-metrics{border-top-color:#374151}.dark .cluster-view-btn,body.dark .cluster-view-btn{border-color:#4b5563;color:#60a5fa}.dark .cluster-view-btn:hover,body.dark .cluster-view-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}@media(max-width:768px){.cluster-grid{grid-template-columns:1fr}.coverage-percentage{font-size:1.25rem}}.cluster-dialog-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--text-1) 50%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.cluster-dialog{background:var(--surface-2);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.cluster-dialog-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,var(--surface-2)),color-mix(in srgb,var(--primary) 8%,var(--surface-2)));border-bottom:1px solid var(--border);padding:24px 32px}.hero-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:20px}.cluster-info{flex:1;display:flex;flex-direction:column;gap:12px}.cluster-name{font-size:1.75rem;font-weight:700;color:var(--text-1);margin:0;line-height:1.2}.cluster-method-badge{display:inline-flex;align-items:center;padding:6px 14px;background:color-mix(in srgb,var(--primary) 12%,var(--surface-2));color:var(--primary);border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);width:-moz-fit-content;width:fit-content}.dialog-close-btn{width:40px;height:40px;min-width:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.dialog-close-btn:hover{background:var(--surface-3);color:var(--text-1);border-color:color-mix(in srgb,var(--border) 70%,var(--text-1));transform:scale(1.05)}.hero-stats{display:flex;align-items:center;gap:24px;padding:20px;background:var(--surface-2);border-radius:12px;border:1px solid var(--border)}.stat-item{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-1);line-height:1.2}.stat-value.large{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stat-divider{width:1px;height:40px;background:var(--border);flex-shrink:0}.dialog-tabs{display:flex;gap:4px;padding:0 32px;background:var(--surface-2);border-bottom:2px solid var(--border)}.tab-btn{padding:14px 24px;background:transparent;border:none;color:var(--text-2);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:var(--text-1);background:color-mix(in srgb,var(--primary) 5%,transparent)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px 3px 0 0}.cluster-dialog-content{flex:1;overflow-y:auto;padding:32px}.dialog-section{margin-bottom:40px}.dialog-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:16px}.section-title{display:flex;align-items:center;gap:12px}.section-icon{font-size:1.5rem}.section-title h3{font-size:1.25rem;font-weight:700;color:var(--text-1);margin:0}.section-meta{display:flex;align-items:center;gap:12px}.meta-text{font-size:.875rem;color:var(--text-2);font-style:italic}.section-actions{display:flex;align-items:center;gap:12px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:var(--text-2);pointer-events:none}.search-input{padding:8px 12px 8px 36px;border:1px solid var(--border);border-radius:8px;font-size:.875rem;width:140px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.empty-state{padding:60px 20px;text-align:center}.empty-state-text{color:var(--text-2);font-size:.9375rem;margin:0}.content-section{margin-bottom:32px}.content-section:last-child{margin-bottom:0}.content-section .section-title{font-size:1.125rem;font-weight:700;color:var(--text-1);margin:0 0 16px;display:flex;align-items:center;gap:8px}.cluster-definition{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:20px}.cluster-description-text{color:var(--text-2);line-height:.8;margin:0 0 16px}.cluster-conditions{margin-top:16px}.conditions-title{font-size:.875rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.conditions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.condition-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-3);border-radius:6px;font-family:Consolas,Monaco,monospace;font-size:.875rem}.condition-key{color:var(--primary);font-weight:600}.condition-separator{color:var(--text-2)}.condition-value{color:var(--text-1);font-weight:500}.correlations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px}.correlation-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.correlation-item:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--primary) 3%,var(--surface-2))}.correlation-labels{display:flex;align-items:center;gap:6px;min-width:140px;flex-shrink:0;font-size:.8125rem}.corr-var{font-weight:600;color:var(--text-1);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.corr-separator{color:var(--text-2);font-size:.875rem;flex-shrink:0}.correlation-bar-container{flex:1;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;position:relative;min-width:60px}.correlation-bar{height:100%;border-radius:3px;transition:width .3s ease}.correlation-bar.positive{background:linear-gradient(90deg,#10b981,#059669)}.correlation-bar.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}.correlation-bar.neutral{background:linear-gradient(90deg,var(--text-2),color-mix(in srgb,var(--text-2) 80%,#000))}.correlation-value{font-weight:700;font-size:.8125rem;min-width:45px;text-align:right;flex-shrink:0}.correlation-value.positive{color:#059669}.correlation-value.negative{color:#dc2626}.correlation-value.neutral{color:var(--text-2)}.correlations-content{padding:0}.correlations-table{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.correlations-table table{width:100%;border-collapse:collapse}.correlations-table thead{background:var(--surface-3);border-bottom:2px solid var(--border)}.correlations-table th{padding:12px 16px;text-align:left;font-size:.8125rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.correlations-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-1);font-size:.9375rem}.correlations-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface-2))}.correlations-table tbody tr:last-child td{border-bottom:none}.correlations-table .correlation-bar-container{min-width:120px}.distribution-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:16px;transition:all .2s ease}.distribution-card:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:0 2px 8px color-mix(in srgb,var(--text-1) 5%,transparent)}.distribution-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.distribution-title{font-weight:600;color:var(--text-1);font-size:.9375rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categorical-bars{display:flex;flex-direction:column;gap:8px}.categorical-bar-row{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:10px;transition:all .2s ease}.categorical-bar-row:hover{transform:translate(2px)}.categorical-label{font-size:.8125rem;color:var(--text-1);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;transition:color .2s ease}.categorical-bar-row:hover .categorical-label{color:var(--primary)}.categorical-bar-container{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;cursor:pointer;transition:all .2s ease}.categorical-bar-container:hover{height:8px;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.categorical-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px;transition:all .3s ease}.categorical-bar-container:hover .categorical-bar-fill{filter:brightness(1.1)}.categorical-percentage{font-size:.75rem;color:var(--text-2);font-weight:600;text-align:right}.categorical-more{font-size:.75rem;color:var(--text-2);font-style:italic;margin-top:4px;padding-left:8px}.histogram-bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:2px 2px 0 0;min-width:2px;transition:all .2s ease;cursor:pointer}.histogram-bar:hover{opacity:.8;filter:brightness(1.1);transform:scaleY(1.02)}.clear-search{position:absolute;right:8px;width:20px;height:20px;border-radius:50%;border:none;background:var(--border);color:var(--text-2);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:color-mix(in srgb,var(--border) 50%,var(--text-1));color:var(--text-1)}.sort-select{padding:8px 32px 8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface-2);color:var(--text-1);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.distinguishing-features{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.feature-row{display:grid;grid-template-columns:40px 1fr 120px;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--surface-3);transition:background .15s ease}.feature-row:last-child{border-bottom:none}.feature-row:hover{background:var(--surface-1)}.feature-rank{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #3b82f633}.feature-content{display:flex;flex-direction:column;gap:4px}.feature-name{font-size:.9375rem;font-weight:600;color:var(--text-1)}.feature-value{font-size:.8125rem;color:var(--text-2);font-family:Courier New,monospace}.feature-importance{display:flex;align-items:center}.importance-bar{width:100%;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.importance-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 85%,#000));border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.show-more-btn{width:100%;padding:12px 20px;border:none;background:var(--surface-1);color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-top:1px solid var(--surface-3)}.show-more-btn:hover{background:var(--surface-3);color:var(--primary-dark)}.show-more-btn.centered{border:1px solid var(--border);border-radius:8px;margin-top:16px}.distributions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.distribution-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.distribution-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.distribution-card.expanded{grid-column:span 2;border-color:var(--primary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface-2)),color-mix(in srgb,var(--primary) 20%,var(--surface-2)))}.dist-card-header{display:flex;align-items:center;justify-content:space-between}.dist-variable-name{font-size:.9375rem;font-weight:600;color:var(--text-1)}.expand-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.expand-btn:hover{background:var(--surface-3);border-color:color-mix(in srgb,var(--border) 50%,var(--text-1))}.expand-btn svg{transition:transform .2s ease}.mini-histogram{display:flex;align-items:flex-end;gap:2px;height:60px;padding:8px 0}.histogram-bar-wrapper{flex:1;height:100%;display:flex;align-items:flex-end}.histogram-bar{width:100%;background:linear-gradient(180deg,var(--primary),var(--primary-light));border-radius:2px 2px 0 0;min-height:2px;transition:all .3s ease}.histogram-bar-wrapper:hover .histogram-bar{background:linear-gradient(180deg,var(--primary-dark),var(--primary))}.dist-stats{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--surface-3)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.6875rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:.875rem;font-weight:700;color:var(--text-1);font-family:Courier New,monospace}.dist-expanded-content{padding-top:12px;border-top:1px solid color-mix(in srgb,var(--primary) 20%,var(--surface-2));display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.stat-row .stat-label{color:var(--text-2);font-weight:500;text-transform:none;font-size:.875rem}.stat-row .stat-value{color:var(--text-1);font-weight:600}.empty-state{text-align:center;padding:48px 24px;color:var(--text-2)}.empty-state p{margin:0 0 16px;font-size:.9375rem}.clear-search-btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:var(--surface-3);border-color:var(--primary)}@media(max-width:768px){.cluster-dialog{max-width:100%;max-height:100vh;border-radius:0}.cluster-dialog-hero,.cluster-dialog-content{padding:20px}.hero-metrics{grid-template-columns:repeat(2,1fr)}.metric-value-large{font-size:1.75rem}.distributions-grid{grid-template-columns:1fr}.distribution-card.expanded{grid-column:span 1}.search-box,.search-input{width:100%}.section-header,.section-actions{flex-direction:column;align-items:stretch}.sort-select{width:100%}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}.dropdown-button-wrapper{position:relative;display:inline-block}.dropdown-btn-primary{background:linear-gradient(135deg,var(--primary, #FABE66) 0%,color-mix(in srgb,var(--primary, #FABE66) 85%,#f59e0b) 100%);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.625rem;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #fabe664d,0 2px 6px -1px #fabe6633}.dropdown-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.dropdown-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #fabe6666,0 4px 10px -2px #fabe664d}.dropdown-btn-primary:hover:before{opacity:1}.dropdown-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px -2px #fabe664d}.dropdown-btn-primary.dropdown-btn-active{box-shadow:0 0 0 3px #fabe664d}.dropdown-btn-secondary{background:#fff;color:var(--text-dark, #1f2937);padding:.625rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e5e7eb;cursor:pointer;display:inline-flex;align-items:center;gap:.625rem;box-shadow:0 2px 6px -1px #00000014}.dropdown-btn-secondary:hover{background:#f9fafb;border-color:var(--primary, #FABE66);transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001f}.dropdown-btn-secondary:active{transform:translateY(0)}.dropdown-btn-secondary.dropdown-btn-active{border-color:var(--primary, #FABE66);box-shadow:0 0 0 3px #fabe6633}.dropdown-btn-label{white-space:nowrap;line-height:1}.dropdown-chevron{width:1rem;height:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-chevron-open{transform:rotate(180deg)}.dropdown-menu{position:absolute;right:0;top:calc(100% + .625rem);width:20rem;z-index:100;animation:dropdown-in .25s cubic-bezier(.4,0,.2,1)}.dropdown-menu-inner{background:var(--surface-1, white);border-radius:1rem;box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #0000001a,0 0 0 1px var(--border, rgba(0, 0, 0, .05));overflow:hidden;border:1px solid var(--border, rgba(250, 190, 102, .1))}.dropdown-menu-item{width:100%;text-align:left;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:var(--surface-1, white);position:relative;border-bottom:1px solid var(--border, #f3f4f6)}.dropdown-menu-item:not(:last-child){border-bottom:1px solid var(--border, #f3f4f6)}.dropdown-menu-item-first{border-radius:1rem 1rem 0 0}.dropdown-menu-item-last{border-radius:0 0 1rem 1rem;border-bottom:none}.dropdown-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,var(--primary, #FABE66) 0%,#f59e0b 100%);transition:width .3s cubic-bezier(.4,0,.2,1)}.dropdown-menu-item:hover:not(:disabled):before{width:4px}.dropdown-menu-item:hover:not(:disabled){background:var(--surface-2, linear-gradient(90deg, #fef3e2 0%, #fefce8 100%));padding-left:1.5rem}.dropdown-menu-item:active:not(:disabled){background:var(--surface-3, linear-gradient(90deg, #fef3c7 0%, #fef3e2 100%))}.dropdown-menu-item-disabled{opacity:.5;cursor:not-allowed;background:var(--surface-2, #f9fafb)}.dropdown-menu-item-disabled:hover{background:var(--surface-2, #f9fafb);padding-left:1.25rem}.dropdown-menu-item-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,#fef3e2,#fef9e7);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:#92400e}.dropdown-menu-item:hover:not(:disabled) .dropdown-menu-item-icon{background:linear-gradient(135deg,var(--primary, #FABE66) 0%,#f59e0b 100%);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px -2px #fabe6666}.dropdown-menu-item-disabled .dropdown-menu-item-icon{background:#f3f4f6;color:#9ca3af}.dropdown-menu-item-content{flex:1;min-width:0}.dropdown-menu-item-label{font-size:.9375rem;font-weight:600;color:var(--text-1, #111827);line-height:1.4;margin-bottom:.125rem}.dropdown-menu-item:hover:not(:disabled) .dropdown-menu-item-label{color:#92400e}.dropdown-menu-item-disabled .dropdown-menu-item-label{color:#6b7280}.dropdown-menu-item-description{font-size:.8125rem;color:var(--text-2, #6b7280);line-height:1.4;margin-top:.25rem}.dropdown-menu-item:hover:not(:disabled) .dropdown-menu-item-description{color:#92400e}.dropdown-menu-item-disabled .dropdown-menu-item-description{color:#9ca3af}.dropdown-menu-item-chevron{color:#d1d5db;opacity:0;transform:translate(-4px);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-menu-item:hover:not(:disabled) .dropdown-menu-item-chevron{opacity:1;transform:translate(0);color:var(--primary, #FABE66)}@media(prefers-color-scheme:dark){.dropdown-menu-inner{background:#1f2937;border-color:#fabe6633}.dropdown-menu-item{background:#1f2937;border-bottom-color:#374151}.dropdown-menu-item:hover:not(:disabled){background:linear-gradient(90deg,#374151,#1f2937)}.dropdown-btn-secondary{background:#1f2937;color:#f9fafb;border-color:#374151}.dropdown-btn-secondary:hover{background:#374151}.dropdown-menu-item-label{color:#f9fafb}.dropdown-menu-item-description{color:#9ca3af}}@media(max-width:640px){.dropdown-menu{width:18rem}.dropdown-menu-item{padding:.875rem 1rem}.dropdown-menu-item-icon{width:2.25rem;height:2.25rem}.dropdown-btn-primary,.dropdown-btn-secondary{padding:.5rem 1rem;font-size:.875rem}}:root{--gen-border: var(--border, rgba(0,0,0,.12));--gen-bg: var(--surface-2, #ffffff);--gen-muted: var(--text-2, #6b7280);--gen-hover: rgba(233, 159, 98, .06);--gen-badge-success-bg: #ecfdf5;--gen-badge-success-fg: #10b981;--gen-badge-warn-bg: #fff7ed;--gen-badge-warn-fg: #f59e0b;--gen-badge-run-bg: #eff6ff;--gen-badge-run-fg: #2563eb;--gen-gauge-bg: #e5e7eb;--gen-gauge-fg: var(--primary, #E99F62);--gen-fidelity: #10b981;--gen-quality: #6366f1;--gen-privacy: #f59e0b;--gen-similarity: #8b5cf6}.generated-view .gen-pane-header{position:sticky;top:0;z-index:10;background:var(--gen-bg);border-bottom:1px solid var(--gen-border);padding:.5rem .75rem;font-size:.75rem;color:var(--gen-muted)}.generated-view .gen-pane-header .count{color:color-mix(in srgb,var(--text-dark) 58%,transparent)}.generated-view .gen-row{width:100%;text-align:left;padding:.875rem 1rem}.generated-view .gen-row:hover,.generated-view .gen-row.selected{background:var(--gen-hover)}.generated-view .gen-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:600;color:var(--text-dark)}.generated-view .gen-badge.success{background:var(--gen-badge-success-bg);color:var(--gen-badge-success-fg)}.generated-view .gen-badge.warn{background:var(--gen-badge-warn-bg);color:var(--gen-badge-warn-fg)}.generated-view .gen-sub{font-size:.875rem;color:color-mix(in srgb,var(--text-dark) 78%,transparent)}.generated-view .gen-resizer{width:4px;cursor:col-resize;border-radius:9999px;background:transparent}.generated-view .gen-resizer:hover{background:color-mix(in srgb,var(--text-dark) 12%,transparent)}.generated-view .gen-detail-header{display:flex;align-items:center;justify-content:space-between}.generated-view .gen-detail-title{font-size:.875rem;font-weight:600}.generated-view .gen-detail-sub{font-size:.875rem;color:var(--gen-muted)}.generated-view .gen-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.generated-view .gen-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.generated-view .gen-gauge{display:flex;align-items:center;gap:.75rem;border:1px solid var(--gen-border);border-radius:.5rem;padding:1rem;background:#fff;transition:all .2s ease}.generated-view .gen-gauge:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.generated-view .gen-gauge-ring{position:relative;width:48px;height:48px;border-radius:9999px}.generated-view .gen-gauge-inner{position:absolute;inset:4px;border-radius:9999px;background:#fff;border:1px solid var(--gen-border)}.generated-view .gen-gauge-value{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:600}.generated-view .gen-gauge-label{font-size:11px;color:var(--gen-muted);text-transform:uppercase;letter-spacing:.05em}.generated-view .gen-gauge-text{font-size:1.125rem;font-weight:700;color:var(--text-dark)}.generated-view .gen-gauge-meta{display:flex;flex-direction:column;gap:.25rem}.generated-view .gen-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--primary, #E99F62) 0%,var(--primary-dark, #d6864a) 100%);color:#fff;border:none;box-shadow:0 2px 6px #e99f6240,0 1px 2px #e99f6226;cursor:pointer;transition:all .2s ease}.generated-view .gen-download-btn:hover{background:linear-gradient(135deg,var(--primary-dark, #d6864a) 0%,var(--primary, #E99F62) 100%);box-shadow:0 4px 12px #e99f6259,0 2px 4px #e99f6233;transform:translateY(-1px)}.generated-view .gen-download-btn:active{transform:translateY(0);box-shadow:0 2px 4px #e99f6233}.generated-view .gen-download-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.generated-view .gen-download{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:.375rem;font-size:12px;font-weight:600;background:var(--gen-quality, #6366f1);color:#fff;border:1px solid transparent}.generated-view .gen-download:hover{background:var(--gen-gauge-fg, #4f46e5)}.generated-view .gen-download:disabled{opacity:.5;cursor:not-allowed}.generated-view .gen-detail-title .gen-download{width:28px;height:28px;padding:0;border-radius:.5rem;background:transparent;color:var(--gen-gauge-fg, #4f46e5);border:1px solid var(--gen-border)}.generated-view .gen-detail-title .gen-download:hover{background:var(--gen-hover);border-color:#6366f159}.generated-view .gen-detail-title .gen-download:focus{outline:none;box-shadow:0 0 0 2px #6366f140;border-color:#6366f1}.generated-view .gen-detail-title .gen-download:active{transform:translateY(.5px)}.generated-view .gen-detail-title .gen-download:disabled{opacity:.45;pointer-events:none}.generated-view .gen-detail-title .gen-download svg{pointer-events:none}.generated-view .gen-pager{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-top:1px solid var(--gen-border)}.generated-view .gen-pager-btn{padding:.25rem .5rem;border:1px solid var(--gen-border);border-radius:.375rem;font-size:12px;background:#fff}.generated-view .gen-pager-btn:disabled{opacity:.5;cursor:not-allowed}.generated-view .gen-pager-info{font-size:12px;color:var(--gen-muted)}.generated-view .gen-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--gen-border)}.generated-view .gen-filters .ctrl{display:flex;flex-direction:column;gap:.25rem}.generated-view .gen-filters .ctrl.actions{align-self:end}.generated-view .gen-filters label{font-size:12px;color:var(--gen-muted)}.generated-view .gen-filters .row{display:flex;align-items:center;gap:.375rem}.generated-view .gen-input{width:100%;padding:.375rem .5rem;border:1px solid var(--gen-border);border-radius:.375rem;font-size:12px}.generated-view .gen-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.generated-view .gen-filters .sep{color:var(--gen-muted);font-size:12px}.generated-view .gen-clear{padding:.375rem .5rem;border:1px solid var(--gen-border);border-radius:.375rem;font-size:12px;background:#fff}.generated-view .gen-clear:disabled{opacity:.5;cursor:not-allowed}.generated-view .gen-table-wrap{display:flex;flex-direction:column;height:100%}.generated-view .gen-table-scroller{max-height:calc(100vh - 320px);overflow:auto}.generated-view .gen-table{width:100%;border-collapse:separate;border-spacing:0}.generated-view .gen-table thead th{position:sticky;top:0;z-index:5;background:var(--gen-bg);font-size:12px;color:var(--gen-muted);text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--gen-border)}.generated-view .gen-table tbody td{padding:.75rem;font-size:.875rem;border-bottom:1px solid var(--gen-border)}.generated-view .gen-table tbody tr{cursor:pointer}.generated-view .gen-table tbody tr:hover,.generated-view .gen-table tbody tr.selected{background:var(--gen-hover)}.generated-view .slide-in{animation:genSlideIn .22s ease-out}@keyframes genSlideIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.generated-view .gen-content{min-height:280px}.generated-view .gen-table-container,.generated-view .fade-in{animation:genFadeIn .16s ease-out}@keyframes genFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.generated-view .gen-details-container{padding:.75rem}.generated-view .gen-header-card,.generated-view .gen-metrics-card,.generated-view .gen-quality-details{animation:genSlideIn .3s ease-out}.generated-view .gen-header-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gen-border);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}.generated-view .gen-metrics-card{background:var(--surface-2, #ffffff);border:1px solid var(--gen-border);box-shadow:0 1px 3px #00000014}.generated-view .metric-summary-card{padding:0;position:relative}.generated-view .metric-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 4px 4px 0;background:currentColor;opacity:.2}.generated-view .gen-badge-enhanced{padding:.375rem .875rem;border-radius:.5rem;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 4px #0000001a}.generated-view .gen-badge-enhanced.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.generated-view .gen-badge-enhanced.warn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.generated-view .gen-badge-enhanced.running{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.generated-view .gen-refresh{width:24px;height:24px;padding:0;border:1px solid var(--gen-border);border-radius:.375rem;background:#fff;color:var(--primary, #E99F62);cursor:pointer;transition:all .2s ease;font-size:16px;line-height:1}.generated-view .gen-refresh:hover{background:var(--gen-hover);border-color:var(--primary, #E99F62);color:var(--primary-dark, #d6864a)}.generated-view .gen-refresh:active{transform:rotate(90deg)}.generated-view .gen-refresh-active{animation:spin 1s linear infinite;color:var(--primary, #E99F62);border-color:var(--primary, #E99F62)}.generated-view .gen-refresh:disabled{opacity:.5;cursor:not-allowed}.generated-view .gen-details{padding:1.5rem;max-width:100%;background:var(--surface-1, #f7f8fb)}.generated-view .gen-header-card h2{color:var(--text-1, #373F57);font-size:1.25rem;line-height:1.4}.generated-view .gen-header-card .text-gray-600{color:var(--text-2, #6b7280)}.generated-view .gen-header-card .text-gray-900{color:var(--text-1, #373F57)}.generated-view .gen-details>*+*{margin-top:1.5rem}.generated-view .metric-summary-card p{color:var(--text-1, #373F57)}.generated-view .metric-summary-card .text-gray-500{color:var(--text-2, #6b7280)}.generated-view .gen-metrics-card h3{color:var(--text-1, #373F57);font-weight:600}.generated-view .gen-arc-text{fill:var(--text-1, #373F57)}.generated-view .gen-gauge:hover{box-shadow:0 4px 12px #e99f6226;border-color:var(--primary, #E99F62)}.generated-view .gen-badge-enhanced{font-size:.625rem;padding:.375rem .75rem}@media(max-width:768px){.generated-view .gen-details{padding:1rem}.generated-view .gen-metrics-grid,.generated-view .gen-header-card .grid{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}html.dark .generated-view .gen-badge-enhanced.success{background:linear-gradient(135deg,#34d399,#10b981);color:#000;font-weight:800;box-shadow:0 2px 8px #34d3994d}html.dark .generated-view .gen-badge-enhanced.warn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:800;box-shadow:0 2px 8px #fbbf244d}html.dark .generated-view .gen-badge-enhanced.running{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#000;font-weight:800;box-shadow:0 2px 8px #60a5fa4d}html.dark .generated-view .gen-badge.success{background:#10b98140;color:#34d399;font-weight:600}html.dark .generated-view .gen-badge.warn{background:#f59e0b40;color:#fbbf24;font-weight:600}html.dark .generated-view .gen-badge.running{background:#3b82f640;color:#60a5fa;font-weight:600}.quality-dialog-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .2s ease-out}.quality-dialog-container{width:85vw;height:85vh;max-width:1800px;max-height:1200px;position:relative;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.quality-dialog-close{position:absolute;top:1.5rem;right:1.5rem;z-index:10000;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-2, #6b7280);box-shadow:0 4px 12px #00000026;padding:0}.quality-dialog-close:hover{background:var(--primary, #E99F62);color:#fff;border-color:var(--primary, #E99F62);transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #e99f6266}.quality-dialog-close:active{transform:scale(.95) rotate(90deg);box-shadow:0 2px 8px #e99f624d}.quality-card-redesigned{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,var(--surface-2, #fefefe) 100%);border-radius:16px;padding:0;width:100%;height:100%;box-shadow:0 4px 24px #00000014,0 2px 8px #0000000a,inset 0 1px #fffc;border:1px solid rgba(0,0,0,.06);overflow-y:auto;overflow-x:hidden;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.quality-card-redesigned.compact{border-radius:12px;box-shadow:0 2px 8px #0000000f}.quality-card-redesigned.loading-state,.quality-card-redesigned.error-state,.quality-card-redesigned.empty-state{padding:3rem;min-height:320px;display:flex;align-items:center;justify-content:center}.loading-content,.error-text,.empty-text{text-align:center;max-width:400px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-text h4,.error-text h4,.empty-text h4{font-size:1.25rem;font-weight:700;color:var(--text-1, #1f2937);margin:0 0 .5rem;font-family:inherit}.loading-text p,.error-text p,.empty-text p{font-size:.9375rem;color:var(--text-2, #6b7280);margin:0;font-family:inherit}.cancel-btn{margin-top:1rem;padding:.625rem 1.5rem;background:#fff;border:2px solid var(--border, #e5e7eb);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-1, #374151);cursor:pointer;transition:all .2s ease;font-family:inherit}.cancel-btn:hover{background:var(--surface-1, #f9fafb);border-color:var(--primary, #E99F62);transform:translateY(-1px);box-shadow:0 4px 12px #e99f6233}.error-icon,.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.error-state{background:linear-gradient(135deg,#fef2f2f2,#fee2e2f2)}.empty-state{background:linear-gradient(135deg,#f9fafbf2,#f3f4f6f2)}.quality-header{background:linear-gradient(135deg,#e99f6214,#d6864a0d);padding:2rem;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.header-close-btn{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:100}.header-close-btn:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.header-close-btn:active{transform:scale(.95)}.header-top{margin-bottom:1.75rem}.title-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.dataset-title{font-size:1.75rem;font-weight:800;color:var(--text-1, #111827);margin:0;letter-spacing:-.02em;line-height:1.2;font-family:inherit}.header-badges{display:flex;align-items:center;gap:.75rem}.status-badge{padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid currentColor;font-family:inherit}.status-badge.status-completed{background:#10b9811a;color:#047857;border-color:#10b981}.status-badge.status-running{background:#3b82f61a;color:#1e40af;border-color:#3b82f6}.status-badge.status-unknown{background:#f59e0b1a;color:#b45309;border-color:#f59e0b}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--primary, #E99F62),var(--primary-dark, #d6864a));color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #e99f624d;font-family:inherit}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #e99f6266}.download-btn:disabled{opacity:.5;cursor:not-allowed}.download-btn:disabled span{animation:spin 1s linear infinite}.close-dialog-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px #ef44444d!important}.close-dialog-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 4px 16px #ef444466!important}.dialog-close-btn{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:10}.dialog-close-btn:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.dialog-close-btn:active{transform:scale(.95)}.hero-score-section{display:grid;grid-template-columns:240px 1fr;gap:2rem;align-items:center}@media(max-width:1200px){.hero-score-section{grid-template-columns:200px 1fr;gap:1.5rem}}@media(max-width:900px){.hero-score-section{grid-template-columns:1fr;gap:2rem;justify-items:center}}.overall-quality{display:flex;justify-content:center;align-items:center}.quality-circle{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}@media(max-width:1200px){.quality-circle{width:180px;height:180px}}@media(max-width:900px){.quality-circle{width:220px;height:220px}}.quality-ring{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#00000014;stroke-width:18}.ring-progress{fill:none;stroke-width:18;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.65,0,.35,1)}.ring-progress.ring-emerald{stroke:#10b981}.ring-progress.ring-green{stroke:#22c55e}.ring-progress.ring-yellow{stroke:#eab308}.ring-progress.ring-orange{stroke:#f59e0b}.ring-progress.ring-red{stroke:#ef4444}.quality-score-text{text-align:center;z-index:1}.score-value{font-size:3rem;font-weight:900;color:var(--text-1, #111827);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:inherit}@media(max-width:1200px){.score-value{font-size:2.5rem}}@media(max-width:900px){.score-value{font-size:3rem}}.score-label{font-size:.9375rem;font-weight:600;color:var(--text-2, #6b7280);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.quick-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.quick-stats-grid-expanded{grid-template-columns:repeat(3,1fr)}@media(max-width:1200px){.quick-stats-grid-expanded{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.quick-stats-grid,.quick-stats-grid-expanded{grid-template-columns:3fr}}.stat-card{background:#fff;border-radius:10px;padding:1rem 1.125rem;display:flex;align-items:center;gap:.875rem;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;box-shadow:0 1px 3px #0000000f;min-height:80px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary, #E99F62)}.stat-icon{font-size:2rem;line-height:1;opacity:.8;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:100%;height:100%;color:var(--primary, #E99F62)}.stat-content{flex:1;min-width:0}.stat-label{font-size:.6875rem;font-weight:700;color:var(--text-2, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-family:inherit}.stat-value{font-size:1.125rem;font-weight:800;color:var(--text-1, #111827);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;line-height:1.2}.config-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 2.5rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.config-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);border:1px solid rgba(0,0,0,.08);transition:all .2s ease}.config-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.config-icon{width:2.5rem;height:2.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:900;color:#fff;flex-shrink:0}.config-icon svg{width:1.5rem;height:1.5rem}.config-quality .config-icon{background:linear-gradient(135deg,#10b981,#059669)}.config-strategy .config-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.config-privacy .config-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.config-content{flex:1;min-width:0}.config-label{font-size:.6875rem;font-weight:700;color:var(--text-2, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-family:inherit}.config-value{font-size:1rem;font-weight:700;color:var(--text-1, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.metrics-section{padding:2rem;background:#fff}.metrics-section+.metrics-section{padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06)}.section-title{font-size:1rem;font-weight:800;color:var(--text-1, #111827);text-transform:uppercase;letter-spacing:.075em;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,0,0,.08);font-family:inherit;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary, #E99F62),transparent)}.no-metrics{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-radius:12px;border:2px dashed rgba(0,0,0,.1);color:var(--text-2, #6b7280);font-family:inherit}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-items:stretch}@media(max-width:1400px){.metrics-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}}@media(max-width:700px){.metrics-grid{grid-template-columns:2fr;gap:.625rem}}.metric-card{background:var(--surface-3, #f3f4f6);border-radius:10px;padding:1rem .875rem;border:1.5px solid var(--border, rgba(0, 0, 0, .08));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;min-height:155px;justify-content:space-between}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:10px 10px 0 0;transition:all .3s ease}.metric-card.metric-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.metric-card.metric-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.metric-card.metric-yellow:before{background:linear-gradient(90deg,#eab308,#fbbf24)}.metric-card.metric-orange:before{background:linear-gradient(90deg,#f59e0b,#fb923c)}.metric-card.metric-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary, rgba(233, 159, 98, .5));background:var(--surface-2, #ffffff)}.metric-card.metric-warning{border-color:#f59e0b4d;background:color-mix(in srgb,#f59e0b 5%,var(--surface-3, #f3f4f6))}.metric-card-privacy{border:1.5px solid rgba(139,92,246,.3)!important;background:color-mix(in srgb,#8b5cf6 4%,var(--surface-3, #f3f4f6))!important;position:relative}.metric-card-privacy:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)!important;height:4px!important}.metric-card-privacy:hover{border-color:#8b5cf666!important;box-shadow:0 4px 12px #8b5cf626!important;transform:translateY(-2px)}html.dark .metric-card-privacy{border:2px solid rgba(139,92,246,.4)!important;background:linear-gradient(135deg,#8b5cf61f,#1e293bfa)!important}.metric-description-shared{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),margin-top .5s cubic-bezier(.4,0,.2,1),border-color .3s ease,background .3s ease;background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-radius:12px;margin-top:0;padding:0;border:1px solid transparent;will-change:max-height,opacity,transform}html.dark .metric-description-shared{background:linear-gradient(135deg,#3b82f614,#93c5fd14)}.metric-description-shared.visible{max-height:200px;opacity:1;transform:translateY(0);padding:1.25rem;margin-top:1rem;border-color:#3b82f626}html.dark .metric-description-shared.visible{border-color:#3b82f640}.metric-description-shared.privacy-description{background:linear-gradient(135deg,#8b5cf60d,#c084fc0d)}html.dark .metric-description-shared.privacy-description{background:linear-gradient(135deg,#8b5cf614,#c084fc14)}.metric-description-shared.privacy-description.visible{border-color:#8b5cf633}html.dark .metric-description-shared.privacy-description.visible{border-color:#8b5cf64d}.description-title{font-size:.875rem;font-weight:700;color:var(--text-1, #374151);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;opacity:0;transform:translate(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.metric-description-shared.visible .description-title{opacity:1;transform:translate(0)}html.dark .description-title{color:var(--text-1, #e5e7eb)}.description-text{font-size:.875rem;line-height:1.6;color:var(--text-2, #6b7280);opacity:0;transform:translate(-10px);transition:opacity .3s ease .15s,transform .3s ease .15s}.metric-description-shared.visible .description-text{opacity:1;transform:translate(0)}html.dark .description-text{color:var(--text-2, #9ca3af)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:.75rem;width:100%}.metric-name{font-size:.875rem;font-weight:800;color:var(--text-1, #374151);text-transform:uppercase;letter-spacing:.04em;font-family:inherit;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;transition:opacity .2s ease;flex:1;line-height:1.3;min-width:0}.metric-name:hover{opacity:.8}.metric-status{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.metric-status.status-pass{background:#10b98126;color:#047857}.metric-status.status-fail{background:#ef444426;color:#b91c1c}.metric-body{display:flex;flex-direction:column;gap:0;flex:1;width:100%;align-items:stretch}.metric-score{font-size:3rem;font-weight:900;color:var(--text-1, #111827);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:inherit;margin-bottom:1.25rem}.metric-unit{font-size:1.375rem;font-weight:600;color:var(--text-2, #6b7280);margin-left:.2rem;opacity:.7;font-family:inherit}.metric-bar-container{position:relative;width:100%}.metric-bar-bg{width:100%;height:12px;background:#00000014;border-radius:999px;position:relative;overflow:hidden}.metric-bar-fill{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.65,0,.35,1);position:relative}.fill-emerald{background:linear-gradient(90deg,#10b981,#34d399)}.fill-green{background:linear-gradient(90deg,#22c55e,#4ade80)}.fill-yellow{background:linear-gradient(90deg,#eab308,#fbbf24)}.fill-orange{background:linear-gradient(90deg,#f59e0b,#fb923c)}.fill-red{background:linear-gradient(90deg,#ef4444,#f87171)}.threshold-line{position:absolute;top:0;bottom:0;width:2px;background:#0006;z-index:1}.threshold-line:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#0009;border-radius:50%}.metric-threshold{font-size:.8125rem;font-weight:600;color:var(--text-2, #6b7280);text-align:right;font-family:inherit;margin-top:.625rem;display:flex;align-items:center;justify-content:flex-end;gap:.25rem;width:100%}.metric-threshold:before{content:"▼";font-size:.5rem;opacity:.6}.cluster-quality-section{background:linear-gradient(135deg,#f9fafb80,#fff);border-top:1px solid rgba(0,0,0,.06)}.cluster-quality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,2fr));gap:1.25rem}@media(max-width:768px){.cluster-quality-grid{grid-template-columns:2fr}}.cluster-quality-card{background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative}.cluster-quality-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary, #E99F62)}.cluster-quality-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.06)}.cluster-name-section{flex:1}.cluster-name{font-size:1rem;font-weight:700;color:var(--text-1, #111827);margin-bottom:.25rem;font-family:inherit}.cluster-match{font-size:.75rem;color:var(--text-2, #6b7280);font-style:italic;font-family:inherit}.cluster-stats-mini{display:flex;gap:1rem;text-align:right}.cluster-stat{display:flex;flex-direction:column;gap:.125rem}.cluster-stat-value{font-size:1.125rem;font-weight:700;color:var(--text-1, #111827);font-family:inherit}.cluster-stat-label{font-size:.6875rem;font-weight:500;color:var(--text-2, #6b7280);text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.cluster-avg-score{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.cluster-score-badge{font-size:1.5rem;font-weight:900;padding:.375rem .875rem;border-radius:8px;font-family:inherit}.cluster-score-badge.badge-emerald{background:#10b98126;color:#047857}.cluster-score-badge.badge-green{background:#22c55e26;color:#15803d}.cluster-score-badge.badge-yellow{background:#eab30826;color:#a16207}.cluster-score-badge.badge-orange{background:#f59e0b26;color:#c2410c}.cluster-score-badge.badge-red{background:#ef444426;color:#b91c1c}.cluster-score-label{font-size:.875rem;font-weight:600;color:var(--text-2, #6b7280);font-family:inherit}.cluster-scores-breakdown{display:flex;flex-direction:column;gap:.75rem}.cluster-score-item{display:flex;flex-direction:column;gap:.25rem}.cluster-score-name{font-size:.75rem;font-weight:600;color:var(--text-2, #6b7280);text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.cluster-score-bar-container{display:flex;align-items:center;gap:.5rem}.cluster-score-bar-bg{flex:1;height:6px;background:#0000000f;border-radius:999px;position:relative;overflow:hidden}.cluster-score-bar-fill{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.65,0,.35,1)}.cluster-score-value{font-size:.875rem;font-weight:700;min-width:40px;text-align:right;font-family:inherit}.cluster-score-value.text-emerald{color:#047857}.cluster-score-value.text-green{color:#15803d}.cluster-score-value.text-yellow{color:#a16207}.cluster-score-value.text-orange{color:#c2410c}.cluster-score-value.text-red{color:#b91c1c}html.dark .cluster-quality-section{background:linear-gradient(135deg,#1e293b80,#0f172a);border-top-color:#ffffff1a}html.dark .cluster-quality-card{background:#1e293b99;border-color:#ffffff1a}html.dark .cluster-quality-card:hover{background:#1e293bcc;border-color:var(--primary, #E99F62)}html.dark .cluster-name{color:#fffffff2}html.dark .cluster-match,html.dark .cluster-stat-label,html.dark .cluster-score-label,html.dark .cluster-score-name{color:#fff9}html.dark .cluster-stat-value{color:#fffffff2}html.dark .cluster-score-bar-bg{background:#ffffff1a}.insights-section{border-top:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#f9fafb80,#f3f4f680)}.insights-header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffff80}.insights-title{font-size:1.125rem;font-weight:700;color:var(--text-1, #111827);text-transform:uppercase;letter-spacing:.05em;margin:0;font-family:inherit}.insights-tabs{display:flex;gap:.5rem;background:var(--surface-3, rgba(0, 0, 0, .05));padding:.25rem;border-radius:8px}.insights-tab{padding:.625rem 1.5rem;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--text-2, #6b7280);cursor:pointer;transition:all .2s ease;font-family:inherit}.insights-tab:hover{background:color-mix(in srgb,var(--surface-2, #ffffff) 80%,var(--primary, #E99F62) 20%);color:var(--text-1, #374151)}.insights-tab.active{background:var(--surface-2, #ffffff);color:var(--primary, #E99F62);box-shadow:0 2px 4px #0000001a}.insights-toggle{width:20%;padding:1.25rem 2rem;background:transparent;border:none;display:flex;align-items:center;gap:1rem;cursor:default;transition:all .2s ease;font-size:1rem;font-weight:700;color:var(--text-1, #111827);font-family:inherit}.insights-toggle:hover{background:color-mix(in srgb,var(--surface-2, #ffffff) 80%,transparent 20%)}.toggle-icon{font-size:.75rem;transition:transform .2s ease}.insights-toggle.expanded .toggle-icon{transform:rotate(0)}.toggle-text{flex:0 0 auto;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-family:inherit;white-space:nowrap;margin-right:auto}.toggle-badge{padding:.375rem .75rem;background:#e99f621a;color:var(--primary, #E99F62);border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.025em;font-family:inherit}.insights-content{padding:2rem;background:#fff;border-top:1px solid rgba(0,0,0,.08)}.insights-error{padding:2rem;background:#fef2f280;border:2px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:1.5rem}.insights-error h4{font-size:1rem;font-weight:700;color:#b91c1c;margin:0 0 .5rem}.insights-error p{font-size:.875rem;color:#dc2626;margin:.25rem 0}.insights-loading{margin-bottom:1.5rem}.timeseries-controls{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:#f9fafb80;border-radius:8px;flex-wrap:wrap}.timeseries-controls label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-1, #374151);font-family:inherit}.timeseries-controls select{padding:.375rem .75rem;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.timeseries-controls select:hover{border-color:var(--primary, #E99F62)}.timeseries-controls select:focus{outline:none;border-color:var(--primary, #E99F62);box-shadow:0 0 0 3px #e99f621a}.data-points{font-size:.8125rem;color:var(--text-2, #6b7280);padding:.375rem .75rem;background:#fff;border-radius:6px;font-weight:600;font-family:inherit}.insight-error{padding:2rem;background:#fef2f280;border:2px dashed rgba(239,68,68,.3);border-radius:12px;color:#b91c1c;text-align:center}.insight-loading{padding:3rem;display:flex;justify-content:center;align-items:center}.insight-chart{margin-bottom:2rem}.insight-title{font-size:.9375rem;font-weight:700;color:var(--text-1, #374151);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(0,0,0,.08);font-family:inherit;display:flex;flex-direction:column;gap:.25rem}.insight-subtitle{font-size:.75rem;font-weight:500;color:var(--text-2, #6b7280);font-style:italic}.divergence-cluster-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.divergence-cluster-summary-card{background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:8px;padding:.75rem 1rem;min-width:150px;transition:border-color .3s ease;transform:none;will-change:border-color}.divergence-cluster-summary-card:hover{border-color:var(--primary, #E99F62);transform:none}.divergence-cluster-summary-card.cluster-selected{background:linear-gradient(135deg,#3b82f614,#60a5fa0d);border-color:#3b82f6}.divergence-cluster-summary-card.cluster-selected:hover{border-color:#2563eb}.cluster-detail-content{animation:slideInFade .4s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top}@keyframes slideInFade{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.cluster-detail-exit{animation:slideOutFade .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutFade{0%{opacity:1;transform:translateY(0);max-height:2000px}to{opacity:0;transform:translateY(-10px);max-height:0}}.insight-chart{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.insight-loading{animation:fadeIn .3s ease-in}.insight-message,.insights-error{animation:slideInFade .4s cubic-bezier(.4,0,.2,1) forwards}.cluster-summary-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.cluster-summary-id{font-size:.8125rem;font-weight:700;color:var(--text-1, #111827);font-family:inherit}.cluster-summary-badge{font-size:.625rem;font-weight:600;padding:.2rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.cluster-summary-metrics{display:flex;gap:1rem}.cluster-summary-metric{display:flex;flex-direction:column;gap:.125rem}.cluster-summary-metric .metric-label{font-size:.625rem;font-weight:600;color:var(--text-2, #6b7280);text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.cluster-summary-metric .metric-value{font-size:.9375rem;font-weight:700;font-family:SF Mono,Monaco,Courier New,monospace}.psi-matrix-container{margin-bottom:1.5rem}.psi-matrix-header{font-size:.875rem;font-weight:600;color:var(--text-1, #374151);margin-bottom:.75rem;font-family:inherit}.psi-matrix-table-wrapper{overflow-x:auto;border-radius:8px;border:2px solid rgba(0,0,0,.08)}.psi-matrix-table{width:100%;border-collapse:collapse;background:#fff;font-size:.8125rem}.psi-matrix-table thead{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);position:sticky;top:0;z-index:10}.psi-matrix-table th{padding:.75rem 1rem;text-align:left;font-weight:700;color:var(--text-1, #111827);border-bottom:2px solid rgba(0,0,0,.1);font-family:inherit;white-space:nowrap}.psi-matrix-column-header{position:sticky;left:0;background:linear-gradient(135deg,#f9fafbf2,#f3f4f6f2);z-index:11;min-width:200px;max-width:200px}.psi-matrix-cluster-header{text-align:center;min-width:110px}.psi-matrix-table tbody tr{border-bottom:1px solid rgba(0,0,0,.06);transition:background-color .2s ease}.psi-matrix-table tbody tr:hover{background:#e99f620d}.psi-matrix-table td{padding:.625rem 1rem;font-family:inherit}.psi-matrix-column-name{font-weight:600;color:var(--text-1, #374151);position:sticky;left:0;background:#fff;z-index:5;border-right:2px solid rgba(0,0,0,.08);min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psi-matrix-table tbody tr:hover .psi-matrix-column-name{background:#e99f620d}.psi-matrix-cell{text-align:center;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;min-width:110px}.psi-matrix-cell-empty{color:var(--text-3, #9ca3af);font-style:italic}.psi-matrix-icon{font-size:.75rem;margin-right:.375rem;font-weight:700}.psi-matrix-value{font-weight:700}.divergence-summary{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border-radius:8px;border:1px solid rgba(59,130,246,.2)}.divergence-summary-item{display:flex;justify-content:space-between;align-items:center}.divergence-summary-label{font-size:.875rem;font-weight:600;color:var(--text-1, #374151);font-family:inherit}.divergence-summary-value{font-size:1.125rem;font-weight:700;color:#2563eb;font-family:SF Mono,Monaco,Courier New,monospace}.psi-legend{margin-top:1rem;padding:1rem;background:#f9fafb99;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.psi-legend-title{font-size:.8125rem;font-weight:700;color:var(--text-1, #374151);margin-bottom:.5rem;font-family:inherit}.psi-legend-items{display:flex;gap:1.5rem;flex-wrap:wrap}.psi-legend-item{display:flex;align-items:center;gap:.5rem}.psi-legend-indicator{width:12px;height:12px;border-radius:2px}.psi-legend-label{font-size:.75rem;color:var(--text-2, #6b7280);font-family:inherit}.psi-columns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.psi-column-card{background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:10px;padding:1rem;transition:all .3s ease}.psi-column-card:hover{border-color:var(--primary, #E99F62);box-shadow:0 4px 12px #00000014}.psi-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.psi-column-name{font-size:.875rem;font-weight:700;color:var(--text-1, #111827);font-family:inherit;display:flex;align-items:center;gap:.375rem}.psi-icon{font-size:.875rem;font-weight:700}.psi-column-type{font-size:.6875rem;font-weight:600;color:var(--text-2, #6b7280);background:#0000000d;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.psi-column-body{display:flex;flex-direction:column;gap:.5rem}.psi-comparison{display:flex;justify-content:space-between;align-items:baseline}.comparison-label{font-size:.6875rem;font-weight:600;color:var(--text-2, #6b7280);text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.psi-score{font-size:1.25rem;font-weight:700;font-family:SF Mono,Monaco,Courier New,monospace}.psi-bar{height:8px;background:#00000014;border-radius:999px;overflow:hidden}.psi-bar-fill{height:100%;transition:width .8s cubic-bezier(.65,0,.35,1);border-radius:999px}.psi-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:inherit}.psi-footer{margin-top:1rem;text-align:center;font-size:.8125rem;color:var(--text-2, #6b7280);font-family:inherit}html.dark .divergence-cluster-summary-card,html.dark .psi-column-card{background:#1e293b99;border-color:#ffffff1a}html.dark .divergence-cluster-summary-card:hover,html.dark .psi-column-card:hover{border-color:var(--primary, #E99F62)}html.dark .cluster-summary-id,html.dark .psi-column-name,html.dark .divergence-summary-label,html.dark .psi-legend-title,html.dark .psi-matrix-header{color:#fffffff2}html.dark .insight-subtitle,html.dark .comparison-label,html.dark .psi-legend-label,html.dark .cluster-summary-metric .metric-label,html.dark .psi-column-type,html.dark .psi-footer{color:#fff9}html.dark .psi-bar{background:#ffffff1a}html.dark .divergence-summary{background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);border-color:#3b82f64d}html.dark .psi-column-type{background:#ffffff1a}html.dark .psi-legend{background:#ffffff0d;border-color:#ffffff1a}html.dark .psi-matrix-table{background:#1e293b99}html.dark .psi-matrix-table thead{background:linear-gradient(135deg,#1e293bcc,#0f172acc)}html.dark .psi-matrix-table th{color:#fffffff2;border-bottom-color:#ffffff1a}html.dark .psi-matrix-column-header{background:linear-gradient(135deg,#1e293bf2,#0f172af2)}html.dark .psi-matrix-table tbody tr{border-bottom-color:#ffffff0f}html.dark .psi-matrix-table tbody tr:hover{background:#e99f621a}html.dark .psi-matrix-column-name{background:#1e293b99;color:#fffffff2;border-right-color:#ffffff1a}html.dark .psi-matrix-table tbody tr:hover .psi-matrix-column-name{background:#e99f621a}html.dark .psi-matrix-table-wrapper{border-color:#ffffff1a}.quality-footer{padding:1.5rem 2rem;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-top:1px solid rgba(0,0,0,.08)}.footer-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.meta-item{padding:.5rem 1rem;background:#fff;border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--text-2, #6b7280);border:1px solid rgba(0,0,0,.08);transition:all .2s ease;font-family:inherit}.meta-item:hover{border-color:var(--primary, #E99F62);transform:translateY(-1px);box-shadow:0 2px 8px #e99f6226}@media(max-width:900px){.hero-score-section{grid-template-columns:4fr;gap:2rem;justify-items:center}.quality-circle{width:200px;height:200px}.score-value{font-size:3rem}}@media(max-width:1024px){.quality-header,.metrics-section{padding:1.75rem 1.5rem}.quality-footer{padding:1.25rem 1.5rem}.config-strip{grid-template-columns:1fr;padding:1.5rem;gap:.875rem}}@media(max-width:768px){.quality-card-redesigned{border-radius:12px}.quality-header{padding:1.5rem 1.25rem}.dataset-title{font-size:1.375rem}.header-badges{flex-wrap:wrap;gap:.5rem}.download-btn{padding:.5rem 1rem;font-size:.8125rem}.quick-stats-grid,.quick-stats-grid-expanded{grid-template-columns:4fr;gap:.75rem}.stat-card{padding:.875rem 1rem;min-height:72px}.metrics-section{padding:1.5rem 1.25rem}.metrics-grid{grid-template-columns:4fr;gap:.875rem}.metric-card{min-height:140px;padding:1rem .875rem}.metric-score{font-size:1.875rem}.section-title{font-size:.9375rem;margin-bottom:1.25rem}.config-strip{padding:1.25rem}.insights-toggle{padding:1rem 1.25rem}.insights-content{padding:1.25rem}.quality-footer{padding:1rem 1.25rem}.footer-meta{gap:.75rem}.cluster-quality-grid{gap:1rem}}@media(min-width:769px)and (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.quick-stats-grid-expanded{grid-template-columns:repeat(2,1fr)}}@media(min-width:1201px)and (max-width:1600px){.metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1601px){.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media(min-width:1400px){.quality-header,.metrics-section{padding:2.25rem 2.5rem}.hero-score-section{gap:2.5rem}.quality-footer{padding:1.75rem 2.5rem}}html.dark .quality-card-redesigned{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border-color:#ffffff1a;box-shadow:0 4px 24px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d}html.dark .quality-header{background:linear-gradient(135deg,#e99f6226,#d6864a1a);border-bottom-color:#ffffff1a}html.dark .dataset-title{color:#f1f5f9}html.dark .stat-card,html.dark .config-item{background:#1e293b99;border-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.dark .stat-card:hover,html.dark .config-item:hover{background:#1e293bcc;border-color:#e99f624d}html.dark .stat-icon svg{color:#fbbf24}html.dark .stat-label,html.dark .config-label,html.dark .score-label{color:#94a3b8}html.dark .metric-threshold{color:#cbd5e1;font-weight:700}html.dark .stat-value,html.dark .config-value,html.dark .metric-score,html.dark .score-value{color:#f1f5f9}html.dark .metrics-section{background:#0f172a80}html.dark .config-strip{background:#0f172a80;border-bottom-color:#ffffff1a}html.dark .insights-content{background:#0f172a99;border-top-color:#ffffff1a}html.dark .section-title,html.dark .insight-title{color:#f1f5f9;border-bottom-color:#ffffff1a}html.dark .metric-card{background:#1e293b99;border-color:#ffffff1a;box-shadow:0 1px 3px #0000004d}html.dark .metric-card:hover{background:#1e293bbf;box-shadow:0 4px 12px #0006;border-color:#ffffff26}html.dark .metric-name{color:#cbd5e1}html.dark .metric-bar-bg{background:#0000004d}html.dark .ring-bg{stroke:#ffffff1a}html.dark .metric-bar-bg{background:#ffffff1a}html.dark .timeseries-controls{background:#1e293b80;border:1px solid rgba(255,255,255,.1)}html.dark .timeseries-controls select,html.dark .data-points{background:#0f172acc;border-color:#fff3;color:#e2e8f0}html.dark .timeseries-controls label{color:#e2e8f0}html.dark .meta-item{background:#1e293b99;border-color:#ffffff1a;color:#94a3b8}html.dark .meta-item:hover{background:#1e293bcc;border-color:#e99f6280}html.dark .quality-footer{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-top-color:#ffffff1a}html.dark .cancel-btn{background:#1e293bcc;border-color:#fff3;color:#e2e8f0}html.dark .cancel-btn:hover{background:#1e293bf2;border-color:#e99f6280}html.dark .download-btn:disabled{opacity:.4}html.dark .loading-text h4,html.dark .error-text h4,html.dark .empty-text h4{color:#f1f5f9}html.dark .loading-text p,html.dark .error-text p,html.dark .empty-text p{color:#94a3b8}html.dark .no-metrics{background:linear-gradient(135deg,#1e293b80,#0f172a80);border-color:#ffffff1a;color:#94a3b8}html.dark .insights-toggle{color:#f1f5f9}html.dark .insights-toggle:hover{background:#1e293b66}html.dark .toggle-badge{background:#e99f6233;color:#fbbf24}html.dark .insights-section{background:linear-gradient(135deg,#0f172a80,#1e293b4d);border-top-color:#ffffff1a}html.dark .insights-header{background:#0f172a99;border-bottom-color:#ffffff1a}html.dark .insights-title{color:#f1f5f9}html.dark .insights-tabs{background:var(--surface-3, rgba(0, 0, 0, .3))}html.dark .insights-tab{color:var(--text-2, #94a3b8)}html.dark .insights-tab:hover{background:var(--surface-2-dark, rgba(30, 41, 59, .5));color:var(--text-1, #e2e8f0)}html.dark .insights-tab.active{background:var(--surface-2, rgba(30, 41, 59, .9));color:var(--primary, #fbbf24);box-shadow:0 2px 8px #0000004d}.metric-card{animation:fadeIn .3s ease-out backwards}.metric-card:nth-child(1){animation-delay:.05s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.metric-card:nth-child(4){animation-delay:.2s}.metric-card:nth-child(5){animation-delay:.25s}.attempts-visualization{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.attempt-card{background:var(--surface-1, #ffffff);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:12px;padding:1.25rem;font-family:inherit}.cluster-delta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.cluster-delta-controls{display:flex;align-items:center;gap:.5rem}.cluster-delta-filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #666)}.cluster-delta-filter-select{padding:.375rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;color:var(--text-primary, #1f2937);font-size:.875rem;font-family:inherit;cursor:pointer;transition:border-color .2s ease}.cluster-delta-filter-select:hover{border-color:#0003}.cluster-delta-filter-select:focus{outline:none;border-color:var(--accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.cluster-delta-visualization{background:var(--surface-1, #fafafa);border-radius:8px;padding:1rem}.cluster-delta-summary{font-size:.875rem;color:var(--text-secondary, #666);margin-bottom:1rem;font-weight:500}.cluster-delta-bars{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.cluster-delta-item{display:flex;flex-direction:column;gap:.25rem}.cluster-delta-info{display:flex;justify-content:space-between;align-items:center}.cluster-delta-id{font-size:.75rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:SF Mono,Monaco,Courier New,monospace}.cluster-delta-percent{font-size:.75rem;font-weight:700;color:var(--text-secondary, #666)}.cluster-delta-bar-container{height:6px;background:var(--surface-2, #e5e7eb);border-radius:3px;overflow:hidden}.cluster-delta-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.cluster-delta-empty{text-align:center;padding:2rem;color:var(--text-secondary, #666);font-size:.875rem}.cluster-delta-bars::-webkit-scrollbar{width:6px}.cluster-delta-bars::-webkit-scrollbar-track{background:var(--surface-2, #f3f4f6);border-radius:3px}.cluster-delta-bars::-webkit-scrollbar-thumb{background:var(--text-secondary, #cbd5e1);border-radius:3px}.cluster-delta-bars::-webkit-scrollbar-thumb:hover{background:var(--text-primary, #94a3b8)}html.dark .cluster-delta-filter-label{color:var(--text-secondary-dark, #9ca3af)}html.dark .cluster-delta-filter-select{background:var(--surface-2-dark, #1f2937);color:var(--text-primary-dark, #f9fafb);border-color:#ffffff1a}html.dark .cluster-delta-filter-select:hover{border-color:#fff3}html.dark .cluster-delta-filter-select:focus{border-color:var(--accent-dark, #60a5fa);box-shadow:0 0 0 3px #60a5fa1a}html.dark .cluster-delta-visualization{background:var(--surface-3, #111827)}html.dark .cluster-delta-summary{color:var(--text-secondary-dark, #9ca3af)}html.dark .cluster-delta-id{color:var(--text-primary-dark, #f9fafb)}html.dark .cluster-delta-percent{color:var(--text-secondary-dark, #9ca3af)}html.dark .cluster-delta-bar-container{background:var(--surface-2-dark, #1f2937)}html.dark .cluster-delta-empty{color:var(--text-secondary-dark, #9ca3af)}html.dark .cluster-delta-bars::-webkit-scrollbar-track{background:var(--surface-2-dark, #1f2937)}html.dark .cluster-delta-bars::-webkit-scrollbar-thumb{background:#4b5563}html.dark .cluster-delta-bars::-webkit-scrollbar-thumb:hover{background:#6b7280}.cluster-delta-rows{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.cluster-delta-row{display:flex;align-items:center;gap:.75rem}.cluster-label{flex:0 0 90px;font-weight:700;color:var(--text-1, #1f2937)}.cluster-bar{flex:1 1 auto;height:10px;background:var(--surface-2, #f3f4f6);border-radius:6px;overflow:hidden}.cluster-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.cluster-value{flex:0 0 60px;text-align:right;font-weight:700}html.dark .cluster-label,html.dark .cluster-value{color:#e2e8f0}html.dark .cluster-bar{background:#0f172a}.attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .1))}.attempt-label{font-size:1rem;font-weight:700;color:var(--text-1, #1f2937);font-family:inherit}.attempt-status{font-size:.875rem;font-weight:700;padding:.375rem .875rem;border-radius:6px;font-family:inherit}.attempt-status.passed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.attempt-status.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.attempt-metrics{display:flex;flex-direction:column;gap:1rem}.attempt-metric{display:flex;flex-direction:column;gap:.5rem}.metric-bar-header{display:flex;justify-content:space-between;align-items:center}.metric-bar-label{font-size:.875rem;font-weight:600;color:var(--text-1, #374151);font-family:inherit}.metric-bar-value{font-size:.875rem;font-weight:700;color:var(--text-1, #1f2937);font-family:inherit}.metric-bar-track{height:24px;background:var(--surface-2, #f3f4f6);border-radius:6px;overflow:hidden;position:relative}.metric-bar-fill{height:100%;border-radius:6px;transition:width .6s ease-out;position:relative}html.dark .attempt-card{background:#1e293b;border-color:#334155}html.dark .attempt-header{border-bottom-color:#334155}html.dark .attempt-label{color:#f1f5f9}html.dark .metric-bar-label,html.dark .metric-bar-value{color:#e2e8f0}html.dark .metric-bar-track{background:#0f172a}html.dark .attempt-status.passed{background:linear-gradient(135deg,#34d399,#10b981);color:#000}html.dark .attempt-status.failed{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#000}.correlation-grid{display:flex;flex-direction:column;gap:0;font-size:.75rem;overflow-x:auto;padding:1rem;background:var(--surface-1, #fafafa);border-radius:8px}.correlation-header,.correlation-row{display:flex;gap:2px;align-items:center}.correlation-label{width:80px;font-size:.7rem;font-weight:500;color:var(--text-secondary, #666);text-align:right;padding-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.correlation-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#fff;border-radius:4px;cursor:help;transition:transform .15s ease}.correlation-cell:hover{transform:scale(1.1);z-index:10;box-shadow:0 2px 8px #0003}.correlation-footer{margin-top:.5rem;text-align:center;font-size:.75rem;color:var(--text-secondary, #666)}html.dark .correlation-grid{background:var(--surface-3, #1f2937)}html.dark .correlation-label,html.dark .correlation-footer{color:var(--text-secondary-dark, #9ca3af)}.sankey-visualization{padding:1rem;background:var(--surface-1, #fafafa);border-radius:8px}.reallocation-summary{font-size:.875rem;color:var(--text-secondary, #666);margin-bottom:1rem;font-weight:500}.reallocation-list{display:flex;flex-direction:column;gap:.5rem}.reallocation-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.06);font-size:.8rem}.reallocation-from,.reallocation-to{font-weight:600;color:var(--text-primary, #1f2937)}.reallocation-arrow{color:var(--text-secondary, #666);font-size:1rem}.reallocation-count{margin-left:auto;font-size:.75rem;color:var(--text-secondary, #666);background:var(--surface-1, #f3f4f6);padding:.25rem .5rem;border-radius:4px}.reallocation-footer{margin-top:.75rem;text-align:center;font-size:.75rem;color:var(--text-secondary, #666)}html.dark .sankey-visualization{background:var(--surface-3, #1f2937)}html.dark .reallocation-summary{color:var(--text-secondary-dark, #9ca3af)}html.dark .reallocation-row{background:var(--surface-2-dark, #111827);border-color:#ffffff14}html.dark .reallocation-from,html.dark .reallocation-to{color:var(--text-primary-dark, #f9fafb)}html.dark .reallocation-arrow{color:var(--text-secondary-dark, #9ca3af)}html.dark .reallocation-count{color:var(--text-secondary-dark, #9ca3af);background:var(--surface-3-dark, #374151)}html.dark .reallocation-footer{color:var(--text-secondary-dark, #9ca3af)}.timeseries-visualization{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--surface-1, #fafafa);border-radius:8px}.timeseries-metric{display:flex;flex-direction:column;gap:.5rem}.timeseries-metric-header{display:flex;justify-content:space-between;align-items:center}.timeseries-metric-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.timeseries-metric-value{font-size:.875rem;font-weight:700;color:var(--accent, #3b82f6)}.timeseries-chart{height:40px;width:100%}.timeseries-svg{width:100%;height:100%;color:var(--accent, #3b82f6)}html.dark .timeseries-visualization{background:var(--surface-3, #1f2937)}html.dark .timeseries-metric-name{color:var(--text-primary-dark, #f9fafb)}html.dark .timeseries-metric-value,html.dark .timeseries-svg{color:var(--accent-dark, #60a5fa)}.timeseries-visualization-enhanced{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;background:var(--surface-1, #fafafa);border-radius:12px}.timeseries-chart-container{display:flex;flex-direction:column;gap:1rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.timeseries-chart-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.timeseries-chart-title{font-size:1rem;font-weight:700;color:var(--text-primary, #111827);margin:0}.timeseries-chart-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:.25rem 0 0}.timeseries-legend{display:flex;gap:1rem;align-items:center}.timeseries-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, #6b7280);font-weight:500}.timeseries-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.timeseries-svg-main{width:100%;height:auto;border-radius:4px;background:var(--surface-0, #ffffff)}.timeseries-summary{display:flex;justify-content:space-around;gap:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.timeseries-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:100px}.timeseries-stat-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.timeseries-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #111827)}html.dark .timeseries-visualization-enhanced{background:var(--surface-2-dark, #1f2937)}html.dark .timeseries-chart-container{background:var(--surface-3-dark, #374151);border-color:#ffffff1a;box-shadow:0 1px 3px #0000004d}html.dark .timeseries-chart-title{color:var(--text-primary-dark, #f9fafb)}html.dark .timeseries-chart-subtitle,html.dark .timeseries-legend-item{color:var(--text-secondary-dark, #9ca3af)}html.dark .timeseries-svg-main{background:var(--surface-2-dark, #1f2937)}html.dark .timeseries-summary{border-top-color:#ffffff1a}html.dark .timeseries-stat-label{color:var(--text-secondary-dark, #9ca3af)}html.dark .timeseries-stat-value{color:var(--text-primary-dark, #f9fafb)}.column-quality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.column-quality-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}.column-quality-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#6366f14d}.column-quality-card.selected{border-color:#6366f1;border-width:2px;box-shadow:0 4px 16px #6366f133;transform:scale(1.02)}.column-quality-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.column-name{font-size:.8rem;font-weight:600;color:var(--text-primary, #1f2937);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-type{font-size:.65rem;color:var(--text-secondary, #666);background:var(--surface-1, #f3f4f6);padding:.15rem .4rem;border-radius:4px;white-space:nowrap}.column-quality-body{display:flex;flex-direction:column;gap:.5rem}.column-score{font-size:1.5rem;font-weight:700;line-height:1}.column-bar{height:6px;background:var(--surface-1, #e5e7eb);border-radius:3px;overflow:hidden}.column-bar-fill{height:100%;transition:width .3s ease}.column-metrics-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.column-psi{font-size:.7rem;color:var(--text-secondary, #666);font-style:italic}.column-cluster-importance{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.column-cluster-importance svg{width:12px;height:12px}.column-cluster-importance.importance-high{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.3)}.column-cluster-importance.importance-medium{background:#f59e0b26}.metric-card{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:8px;padding:1rem;transition:box-shadow .2s ease}.metric-card:hover{box-shadow:0 2px 8px #00000014}.metric-label{font-size:.75rem;color:var(--text-secondary, #64748b);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-primary, #1e293b)}.column-selector-wrapper{padding:.75rem 1rem;background:var(--surface-1);border-radius:6px;border:1px solid var(--border)}.column-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.column-selector-header .insight-title{margin:0;font-size:.9rem}.column-summary-inline{display:flex;gap:.5rem;align-items:center}.summary-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-primary)}.column-selector-row{display:flex;align-items:center;gap:1rem}.column-selector-dropdown{max-width:20%;flex-shrink:0;padding:.5rem .75rem;font-size:.8rem;font-family:Menlo,Monaco,Courier New,monospace;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease;outline:none}.column-selector-dropdown:hover{border-color:var(--primary);background:var(--surface-1)}.column-selector-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.column-selector-dropdown option{padding:.5rem;font-size:.8rem;background:var(--surface-2);color:var(--text-primary)}.column-detail-metrics-inline{display:flex;align-items:center;gap:1rem;flex:1;overflow-x:auto;padding:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.column-detail-close-inline{padding:.375rem .75rem;font-size:.9rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.column-detail-close-inline:hover{background:var(--surface-1);border-color:var(--danger);color:var(--danger)}.column-detail-view{margin-top:1rem;padding:1rem;background:var(--surface-1);border:1px solid var(--border);border-radius:6px}.column-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.column-detail-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;flex-shrink:0}.column-detail-metrics{display:flex;gap:1rem;flex:1;overflow-x:auto}.detail-metric{display:flex;flex-direction:column;gap:.125rem;min-width:-moz-fit-content;min-width:fit-content}.detail-metric-label{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-metric-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.column-detail-close{padding:.375rem .75rem;font-size:.8rem;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.column-detail-close:hover{background:var(--surface-3);border-color:var(--danger);color:var(--danger)}.column-chart-container{background:var(--surface-2);border-radius:6px;padding:.75rem;display:flex;justify-content:center;align-items:center;min-height:280px;border:1px solid var(--border)}.column-stats{margin-top:.75rem;padding:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.column-stats-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.column-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.stat-item{display:flex;flex-direction:column;gap:.125rem;padding:.5rem;background:var(--surface-1);border:1px solid var(--border);border-radius:4px}.stat-item-label{font-size:.7rem;color:var(--text-secondary);text-transform:capitalize;font-weight:500}.stat-item-value{font-size:.875rem;font-weight:700;color:var(--text-primary)}.column-cluster-importance.importance-low{background:#6b728026;color:#4b5563;border:1px solid rgba(107,114,128,.3)}.column-footer{text-align:center;font-size:.75rem;color:var(--text-secondary, #666);margin-top:.5rem}html.dark .column-quality-card{background:var(--surface-2-dark, #111827);border-color:#ffffff14}html.dark .column-name{color:var(--text-primary-dark, #f9fafb)}html.dark .column-type{color:var(--text-secondary-dark, #9ca3af);background:var(--surface-3-dark, #374151)}html.dark .column-selector-wrapper{background:var(--surface-1-dark);border-color:var(--border-dark)}html.dark .summary-chip{background:var(--surface-2-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}html.dark .column-selector-dropdown{background:var(--surface-2-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}html.dark .column-selector-dropdown:hover{background:var(--surface-1-dark);border-color:var(--primary-dark)}html.dark .column-selector-dropdown:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-alpha-dark)}html.dark .column-selector-dropdown option{background:var(--surface-2-dark);color:var(--text-primary-dark)}html.dark .column-detail-metrics-inline{background:var(--surface-2-dark);border-color:var(--border-dark)}html.dark .column-detail-close-inline{color:var(--text-secondary-dark);border-color:var(--border-dark)}html.dark .column-detail-close-inline:hover{background:var(--surface-1-dark);border-color:var(--danger-dark);color:var(--danger-dark)}html.dark .column-detail-view{background:var(--surface-1-dark);border-color:var(--border-dark)}html.dark .column-detail-header{border-bottom-color:var(--border-dark)}html.dark .column-detail-title{color:var(--text-primary-dark)}html.dark .detail-metric-label{color:var(--text-secondary-dark)}html.dark .detail-metric-value{color:var(--text-primary-dark)}html.dark .column-detail-close{background:var(--surface-2-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}html.dark .column-detail-close:hover{background:var(--surface-3-dark);border-color:var(--danger-dark);color:var(--danger-dark)}html.dark .column-chart-container,html.dark .column-stats{background:var(--surface-2-dark);border-color:var(--border-dark)}html.dark .column-stats-title{color:var(--text-secondary-dark)}html.dark .stat-item{background:var(--surface-1-dark)}html.dark .stat-item-label{color:var(--text-secondary-dark)}html.dark .stat-item-value{color:var(--text-primary-dark)}html.dark .column-bar{background:var(--surface-3-dark, #374151)}html.dark .column-psi{color:var(--text-secondary-dark, #9ca3af)}html.dark .column-cluster-importance.importance-high{background:#10b98133;color:#6ee7b7;border-color:#10b98166}html.dark .column-cluster-importance.importance-medium{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b66}html.dark .column-cluster-importance.importance-low{background:#6b728033;color:#d1d5db;border-color:#6b728066}html.dark .column-footer{color:var(--text-secondary-dark, #9ca3af)}.insights-tabs{display:flex;gap:.375rem;border-bottom:2px solid var(--border, #e5e7eb);margin-bottom:1.75rem;overflow-x:auto;padding:0 .25rem}.insights-tab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:600;color:var(--text-2, #6b7280);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;border-radius:6px 6px 0 0;position:relative;margin-bottom:-2px}.insights-tab:hover{color:var(--text-1, #1f2937);background:color-mix(in srgb,var(--primary, #E99F62) 5%,transparent)}.insights-tab.active{color:var(--primary, #E99F62);border-bottom-color:var(--primary, #E99F62);background:color-mix(in srgb,var(--primary, #E99F62) 8%,transparent)}.insights-tab-content{min-height:300px}.tab-panel{animation:fadeIn .3s ease}.tab-content-animated{animation:tabFadeSlide .35s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tabFadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html.dark .insights-tabs{border-bottom-color:var(--border, rgba(255, 255, 255, .1))}html.dark .insights-tab{color:var(--text-2, rgba(255, 255, 255, .6))}html.dark .insights-tab:hover{color:var(--text-1, rgba(255, 255, 255, .9));background:color-mix(in srgb,var(--primary, #E99F62) 10%,transparent)}html.dark .insights-tab.active{color:var(--primary, #E99F62)}.insights-empty{text-align:center;padding:3rem 2rem;color:var(--text-2, #64748b);font-size:.95rem}html.dark .insights-empty{color:var(--text-2, #94a3b8)}.correlation-heatmap-svg .col-label,.correlation-heatmap-svg .row-label{fill:#6b7280}html.dark .correlation-heatmap-svg .col-label,html.dark .correlation-heatmap-svg .row-label{fill:#9ca3af}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.psi-distribution-chart,.psi-column-distribution-chart{padding:0;background:transparent;border-radius:12px;overflow:visible;margin:1rem 0}.psi-distribution-chart svg,.psi-column-distribution-chart svg{overflow:visible;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}html.dark .psi-distribution-chart svg,html.dark .psi-column-distribution-chart svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.psi-column-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid rgba(0,0,0,.08)}.psi-column-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:var(--primary, #E99F62)}.psi-column-card:active{transform:translateY(-2px)}html.dark .psi-column-card{border-color:#ffffff1a}html.dark .psi-column-card:hover{box-shadow:0 12px 32px #00000080;border-color:var(--primary, #E99F62)}html.dark .psi-score{text-shadow:0 0 0px currentColor}html.dark .psi-bar-fill{box-shadow:0 0 12px currentColor}.metric-card{padding:1rem;border-radius:12px;background:linear-gradient(135deg,var(--surface-1, #fafafa) 0%,var(--surface-2, #ffffff) 100%);border:1px solid var(--border-color, #e5e7eb);box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.metric-card-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.metric-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1.2}.metric-card-detail{font-size:.875rem;color:var(--text-primary, #1f2937);margin-top:.5rem}.metric-comparison-row{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.metric-comparison-row .metric-label{font-weight:600;color:var(--text-secondary, #6b7280)}.metric-comparison-row .metric-value{font-weight:600;color:var(--text-primary, #1f2937)}.metric-card-success{background:linear-gradient(135deg,#10b98114,#10b98105);border-color:#10b98133}.metric-card-success .metric-card-label{color:#10b981e6}.metric-card-success .metric-card-value{color:#10b981}.metric-card-info{background:linear-gradient(135deg,#3b82f614,#3b82f605);border-color:#3b82f633}.metric-card-info .metric-card-label{color:#3b82f6e6}.metric-card-info .metric-card-value{color:#3b82f6}.metric-card-primary{background:linear-gradient(135deg,#e99f6214,#e99f6205);border-color:#e99f6233}.metric-card-primary .metric-card-label{color:#e99f62e6}.metric-card-primary .metric-card-value{color:#e99f62}.metric-card-warning{background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border-color:#f59e0b33}.metric-card-warning .metric-card-label{color:#f59e0be6}.metric-card-warning .metric-card-value{color:#f59e0b}html.dark .metric-card{background:linear-gradient(135deg,#1f2937cc,#111827e6);border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}html.dark .metric-card:hover{box-shadow:0 4px 16px #00000080;border-color:#fff3}html.dark .metric-card-label{color:#e5e7ebb3}html.dark .metric-card-value{color:#fffffff2}html.dark .metric-comparison-row .metric-label{color:#e5e7eb99}html.dark .metric-comparison-row .metric-value{color:#ffffffe6}html.dark .metric-card-success{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b9814d}html.dark .metric-card-info{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d}html.dark .metric-card-primary{background:linear-gradient(135deg,#e99f6226,#e99f620d);border-color:#e99f624d}html.dark .metric-card-warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.correlation-matrix-svg{background:var(--surface-1, #ffffff);border-radius:8px}html.dark .correlation-matrix-svg{background:#11182780}.correlation-cell{transition:all .2s ease}.correlation-rect{transition:stroke .2s ease,stroke-width .2s ease}.stats-box{filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}html.dark .stats-box{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.correlation-value-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.1)}html.dark .correlation-value-text{text-shadow:0 1px 3px rgba(0,0,0,.5)}.cluster-analysis-view{width:100%}.cluster-analysis-view .bg-white{background:var(--surface-1, #ffffff);border-color:var(--border-color, #e5e7eb)}html.dark .cluster-analysis-view .bg-white{background:#1f293780;border-color:#ffffff1a}.cluster-analysis-view .bg-gradient-to-r{background:linear-gradient(to right,var(--surface-2, #fafafa),var(--surface-1, #ffffff))}html.dark .cluster-analysis-view .bg-gradient-to-r{background:linear-gradient(to right,#1f2937cc,#111827e6)}.cluster-analysis-view .text-gray-900{color:var(--text-primary, #1f2937)}html.dark .cluster-analysis-view .text-gray-900{color:#fffffff2}.cluster-analysis-view .text-gray-600{color:var(--text-secondary, #6b7280)}html.dark .cluster-analysis-view .text-gray-600{color:#e5e7ebb3}.psi-column-selector{display:flex;align-items:center;gap:.75rem}.psi-column-selector label{font-weight:500;color:#374151;white-space:nowrap}.dark .psi-column-selector label{color:#e5e7eb}.psi-selector-wrapper{position:relative;width:100%;max-width:500px;min-width:350px}.psi-selector-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem .625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.psi-selector-trigger:hover{border-color:#9ca3af;background:#f9fafb}.psi-selector-trigger:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .psi-selector-trigger{background:#1e293b;border-color:#475569;color:#e5e7eb}.dark .psi-selector-trigger:hover{border-color:#64748b;background:#334155}.psi-selector-trigger-content{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;flex:1;overflow:hidden}.psi-selector-trigger-name{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dark .psi-selector-trigger-name{color:#f3f4f6}.psi-selector-trigger-score{font-size:.75rem;font-weight:600;opacity:.9}.psi-selector-trigger-icon{flex-shrink:0;transition:transform .2s ease;color:#6b7280}.psi-selector-trigger-icon.open{transform:rotate(180deg)}.dark .psi-selector-trigger-icon{color:#9ca3af}.psi-selector-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;max-height:500px;display:flex;flex-direction:column;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dark .psi-selector-dropdown{background:#1e293b;border-color:#475569;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003}.psi-selector-summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:1rem}.dark .psi-selector-summary{background:#0f172a;border-bottom-color:#475569}.psi-selector-summary-item{display:flex;align-items:center;gap:.375rem}.psi-selector-summary-label{font-size:.75rem;font-weight:500;color:#6b7280}.dark .psi-selector-summary-label{color:#9ca3af}.psi-selector-summary-value{font-size:.75rem;font-weight:600;color:#111827}.dark .psi-selector-summary-value{color:#f3f4f6}.psi-selector-summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.psi-selector-search{padding:.75rem;border-bottom:1px solid #e5e7eb}.dark .psi-selector-search{border-bottom-color:#475569}.psi-selector-search-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.psi-selector-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .psi-selector-search-input{background:#0f172a;border-color:#475569;color:#f3f4f6}.dark .psi-selector-search-input::-moz-placeholder{color:#64748b}.dark .psi-selector-search-input::placeholder{color:#64748b}.psi-selector-groups{overflow-y:auto;max-height:400px;padding:.5rem}.psi-selector-group{margin-bottom:.75rem}.psi-selector-group:last-child{margin-bottom:0}.psi-selector-group-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem .5rem 1rem;background:#f9fafb;border-radius:.375rem;border-left:3px solid;margin-bottom:.25rem}.dark .psi-selector-group-header{background:#0f172a}.psi-selector-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#374151}.dark .psi-selector-group-label{color:#d1d5db}.psi-selector-group-count{font-size:.75rem;color:#6b7280;font-weight:500}.dark .psi-selector-group-count{color:#9ca3af}.psi-selector-group-items{display:flex;flex-direction:column;gap:.125rem}.psi-selector-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem .625rem 1rem;border-radius:.375rem;border-left:3px solid;cursor:pointer;transition:all .15s ease;background:transparent}.psi-selector-item:hover{background:#f3f4f6}.dark .psi-selector-item:hover{background:#334155}.psi-selector-item.selected{background:#eff6ff;border-left-width:4px}.dark .psi-selector-item.selected{background:#1e3a8a}.psi-selector-item-name{font-size:.875rem;color:#111827;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dark .psi-selector-item-name{color:#f3f4f6}.psi-selector-item-score{font-size:.75rem;font-weight:600;font-family:Courier New,monospace;margin-left:.75rem;flex-shrink:0}.psi-selector-empty{padding:2rem 1rem;text-align:center;color:#6b7280;font-size:.875rem}.dark .psi-selector-empty{color:#9ca3af}.psi-selector-groups::-webkit-scrollbar{width:8px}.psi-selector-groups::-webkit-scrollbar-track{background:transparent}.psi-selector-groups::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.psi-selector-groups::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .psi-selector-groups::-webkit-scrollbar-thumb{background:#475569}.dark .psi-selector-groups::-webkit-scrollbar-thumb:hover{background:#64748b}@media(max-width:768px){.psi-selector-wrapper{max-width:100%;min-width:100%}.psi-selector-dropdown{max-height:400px}.psi-selector-groups{max-height:300px}}.radial-progress{display:inline-flex;align-items:center;justify-content:center;position:relative}.radial-progress svg{display:block}.radial-progress circle{transition:stroke-dashoffset .5s ease,stroke .3s ease}.dark .radial-progress circle:first-child{opacity:.15}.cluster-tab:hover .radial-progress circle:last-child{filter:brightness(1.1)}.cluster-tab.active .radial-progress circle:last-child{filter:brightness(1.2)}.auc-visualization-container{display:flex;flex-direction:column;gap:1rem;width:100%}.auc-metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.auc-metric-card{background:var(--surface-2, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.375rem}.auc-metric-label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.auc-metric-value{font-size:1.5rem;font-weight:700;line-height:1}.auc-metric-sublabel{font-size:.6875rem;color:var(--text-muted, #9ca3af)}.auc-roc-curve{display:flex;justify-content:center;align-items:center;background:var(--surface-2, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:1rem;width:100%;min-height:400px;max-height:600px}.auc-interpretation{background:var(--surface-2, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:.875rem}.auc-interpretation-title{font-size:.8125rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:.5rem}.auc-interpretation-content{font-size:.8125rem;color:var(--text-secondary, #4b5563);line-height:1.5}.auc-interpretation-content p{margin:0 0 .5rem}.auc-interpretation-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.375rem}.auc-interpretation-list li{display:flex;align-items:center;gap:.625rem}.auc-range{display:inline-block;padding:.1875rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;color:#fff;min-width:75px;text-align:center}.auc-description{flex:1;font-size:.75rem}.auc-note{margin-top:.75rem;padding:.75rem;background:var(--info-bg, #eff6ff);border-left:3px solid var(--info, #3b82f6);border-radius:4px;font-size:.8125rem;color:var(--text-primary, #111827)}html.dark .auc-metric-card,html.dark .auc-roc-curve,html.dark .auc-interpretation{background:var(--surface-2-dark, #1f2937);border-color:var(--border-dark, #374151)}html.dark .auc-metric-label{color:var(--text-muted-dark, #9ca3af)}html.dark .auc-interpretation-title{color:var(--text-primary-dark, #f9fafb)}html.dark .auc-interpretation-content{color:var(--text-secondary-dark, #d1d5db)}html.dark .auc-note{background:var(--info-bg-dark, #1e3a5f);border-left-color:var(--info-dark, #60a5fa);color:var(--text-primary-dark, #f9fafb)}@media(max-width:768px){.auc-metrics-summary{grid-template-columns:1fr}.auc-interpretation-list li{flex-direction:column;align-items:flex-start;gap:.25rem}}.ml-utility-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.ml-utility-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ml-utility-metric-card{background:linear-gradient(135deg,var(--surface-2, #0f172a) 0%,color-mix(in srgb,var(--surface-2, #0f172a) 95%,#1e293b) 100%);border:1px solid var(--border, #334155);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;box-shadow:0 2px 8px #0003,0 1px 2px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.ml-utility-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary, #8b5cf6),transparent);opacity:0;transition:opacity .3s ease}.ml-utility-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 2px 4px #00000026;border-color:color-mix(in srgb,var(--primary, #8b5cf6) 30%,var(--border, #334155))}.ml-utility-metric-card:hover:before{opacity:.6}.ml-utility-metric-label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.08em}.ml-utility-metric-value{font-size:1.75rem;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ml-utility-metric-value.quality-excellent{color:var(--success, #10b981);animation:pulse-success 2s ease-in-out infinite}.ml-utility-metric-value.quality-good{color:var(--info, #3b82f6);animation:pulse-info 2s ease-in-out infinite}.ml-utility-metric-value.quality-fair{color:var(--warning, #f59e0b);animation:pulse-warning 2s ease-in-out infinite}.ml-utility-metric-value.quality-poor{color:var(--danger, #ef4444);animation:pulse-danger 2s ease-in-out infinite}.ml-utility-metric-value.baseline-value{color:var(--text-muted, #94a3b8)}@keyframes pulse-success{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-info{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.85}}.ml-utility-metric-sublabel{font-size:.6875rem;color:var(--text-muted, #64748b);font-weight:500}.ml-utility-mae-section{background:linear-gradient(135deg,var(--surface-2, #0f172a) 0%,color-mix(in srgb,var(--surface-2, #0f172a) 95%,#1e293b) 100%);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0003,0 1px 2px #0000001a}.ml-utility-section-title{font-size:.8125rem;font-weight:700;border:0px;color:var(--text-muted, #94a3b8);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.ml-utility-mae-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.ml-utility-mae-card{background:var(--surface-3, #141a24);border:1px solid var(--border, #334155);border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.ml-utility-mae-card:hover{background:color-mix(in srgb,var(--surface-3, #141a24) 90%,var(--primary, #8b5cf6) 10%);border-color:color-mix(in srgb,var(--primary, #8b5cf6) 20%,var(--border, #334155))}.ml-utility-mae-label{font-size:.75rem;font-weight:600;color:var(--text-muted, #94a3b8);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.ml-utility-mae-value{font-size:1.375rem;font-weight:700;color:var(--text-primary, #f1f5f9)}.ml-utility-chart-section{background:linear-gradient(135deg,var(--surface-2, #0f172a) 0%,color-mix(in srgb,var(--surface-2, #0f172a) 95%,#1e293b) 100%);border:1px solid var(--border, #334155);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0003,0 1px 2px #0000001a}.ml-utility-chart{position:relative;display:flex;justify-content:center;align-items:center;background:var(--surface-3, #141a24);border:1px solid color-mix(in srgb,var(--border, #334155) 70%,transparent);border-radius:10px;padding:1.25rem;width:97%;height:450px;box-shadow:inset 0 2px 4px #0003;overflow:hidden}.ml-utility-interpretation{background:linear-gradient(135deg,var(--surface-2, #0f172a) 0%,color-mix(in srgb,var(--surface-2, #0f172a) 95%,#1e293b) 100%);border:1px solid var(--border, #334155);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0003,0 1px 2px #0000001a}.ml-utility-interpretation-title{font-size:.8125rem;font-weight:700;color:var(--text-3);margin-bottom:.875rem;text-transform:uppercase;letter-spacing:.05em;background:none}.ml-utility-interpretation-content{font-size:.875rem;color:var(--text-1);line-height:1.6}.ml-utility-interpretation-content p{margin:0 0 .75rem;background:none;color:inherit}.ml-utility-interpretation-content *{background:none!important}.ml-utility-interpretation-content strong{color:var(--text-1);font-weight:600;background:none;padding:0;border:none}.ml-utility-interpretation-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.625rem}.ml-utility-interpretation-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:color-mix(in srgb,var(--surface-3, #141a24) 50%,transparent);border-radius:6px;transition:background .2s ease}.ml-utility-interpretation-list li:hover{background:color-mix(in srgb,var(--surface-3, #141a24) 70%,transparent)}.ml-utility-interpretation-list li span:last-child{color:var(--text-1)}.ml-utility-range{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:700;color:#fff;min-width:70px;text-align:center;letter-spacing:.02em;box-shadow:0 2px 4px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ml-utility-range.range-excellent{background:var(--success, #10b981)}.ml-utility-range.range-good{background:var(--info, #3b82f6)}.ml-utility-range.range-fair{background:var(--warning, #f59e0b)}.ml-utility-range.range-poor{background:var(--danger, #ef4444)}.synthehol-dark.ml-utility-container .ml-utility-metric-card,.synthehol-dark.ml-utility-container .ml-utility-mae-section,.synthehol-dark.ml-utility-container .ml-utility-chart-section,.synthehol-dark.ml-utility-container .ml-utility-interpretation{background:linear-gradient(135deg,var(--surface-2, #0f172a) 0%,color-mix(in srgb,var(--surface-2, #0f172a) 95%,#1e293b) 100%);border-color:var(--border, #334155)}.synthehol-dark.ml-utility-container .ml-utility-mae-card{background:var(--surface-3, #141a24);border-color:var(--border, #334155)}.synthehol-dark.ml-utility-container .ml-utility-chart{background:var(--surface-3, #141a24);border-color:color-mix(in srgb,var(--border, #334155) 70%,transparent)}.synthehol-dark.ml-utility-container .ml-utility-section-title,.synthehol-dark.ml-utility-container .ml-utility-interpretation-title{color:var(--text-3)}.synthehol-dark.ml-utility-container .ml-utility-mae-value{color:var(--text-1)}.synthehol-dark.ml-utility-container .ml-utility-metric-label,.synthehol-dark.ml-utility-container .ml-utility-mae-label,.synthehol-dark.ml-utility-container .ml-utility-metric-sublabel{color:var(--text-3)}.synthehol-dark.ml-utility-container .ml-utility-interpretation-list li{background:color-mix(in srgb,var(--surface-3, #141a24) 50%,transparent)}.synthehol-dark.ml-utility-container .ml-utility-interpretation-list li:hover{background:color-mix(in srgb,var(--surface-3, #141a24) 70%,transparent)}.synthehol-light.ml-utility-container .ml-utility-metric-card,.synthehol-light.ml-utility-container .ml-utility-mae-section,.synthehol-light.ml-utility-container .ml-utility-chart-section,.synthehol-light.ml-utility-container .ml-utility-interpretation{background:linear-gradient(135deg,#fff,#f9fafb);border-color:var(--border, #e5e7eb);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.synthehol-light.ml-utility-container .ml-utility-metric-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;border-color:color-mix(in srgb,var(--primary, #8b5cf6) 30%,var(--border, #e5e7eb))}.synthehol-light.ml-utility-container .ml-utility-mae-card{background:#f9fafb;border-color:var(--border, #e5e7eb)}.synthehol-light.ml-utility-container .ml-utility-mae-card:hover{background:color-mix(in srgb,#f9fafb 90%,var(--primary, #8b5cf6) 10%)}.synthehol-light.ml-utility-container .ml-utility-chart{background:#fff;border-color:var(--border, #e5e7eb);box-shadow:inset 0 1px 2px #00000008}.synthehol-light.ml-utility-container .ml-utility-section-title,.synthehol-light.ml-utility-container .ml-utility-interpretation-title,.synthehol-light.ml-utility-container .ml-utility-metric-label,.synthehol-light.ml-utility-container .ml-utility-mae-label,.synthehol-light.ml-utility-container .ml-utility-metric-sublabel{color:var(--text-3)}.synthehol-light.ml-utility-container .ml-utility-mae-value{color:var(--text-1)}.synthehol-light.ml-utility-container .ml-utility-metric-value.quality-excellent{color:var(--success, #059669)}.synthehol-light.ml-utility-container .ml-utility-metric-value.quality-good{color:var(--info, #2563eb)}.synthehol-light.ml-utility-container .ml-utility-metric-value.quality-fair{color:var(--warning, #d97706)}.synthehol-light.ml-utility-container .ml-utility-metric-value.quality-poor{color:var(--danger, #dc2626)}.synthehol-light.ml-utility-container .ml-utility-metric-value.baseline-value{color:var(--text-muted, #64748b)}@media(max-width:1024px){.ml-utility-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ml-utility-metric-card{padding:1rem}.ml-utility-metric-value{font-size:1.5rem}}@media(max-width:768px){.ml-utility-container{gap:1.25rem}.ml-utility-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}.ml-utility-metric-card{padding:.875rem}.ml-utility-metric-value{font-size:1.375rem}.ml-utility-metric-label,.ml-utility-metric-sublabel{font-size:.625rem}.ml-utility-mae-section,.ml-utility-chart-section,.ml-utility-interpretation{padding:1.25rem}.ml-utility-chart{height:350px;padding:1rem}.ml-utility-interpretation-list li{flex-direction:column;align-items:flex-start;gap:.5rem}.ml-utility-range{align-self:flex-start}}@media(max-width:480px){.ml-utility-metrics{grid-template-columns:1fr}.ml-utility-metric-card{padding:1rem}.ml-utility-mae-metrics{grid-template-columns:1fr}.ml-utility-interpretation-content{font-size:.8125rem}}.advanced-insights{display:flex;gap:1rem;min-height:600px;background:var(--card-bg);border-radius:8px;overflow:hidden}.cluster-tabs-sidebar{width:260px;flex-shrink:0;background:var(--sidebar-bg, #f9fafb);border-right:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column}.dark .cluster-tabs-sidebar{background:var(--sidebar-bg, #0f172a);border-right-color:var(--border-color, #334155)}.cluster-tabs-header{padding:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.dark .cluster-tabs-header{border-bottom-color:var(--border-color, #334155)}.cluster-tabs-header h3{margin:0;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280)}.dark .cluster-tabs-header h3{color:#94a3b8}.cluster-tabs-list{flex:1;overflow-y:auto;padding:.5rem}.cluster-tab{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-bottom:.5rem;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.dark .cluster-tab{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}.cluster-tab:hover{border-color:var(--primary-color, #3b82f6);transform:translate(4px)}.cluster-tab.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #3b82f64d}.cluster-tab-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cluster-tab-name{font-size:.875rem;font-weight:600;color:inherit;flex:1}.dark .cluster-tab-name{color:#e2e8f0}.dark .cluster-tab.active .cluster-tab-name{color:#fff}.cluster-tab-radial{flex-shrink:0;display:flex;align-items:center;justify-content:center}.cluster-tab.active .cluster-tab-radial{opacity:.95}.cluster-tab-stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-2);opacity:.9}.dark .cluster-tab-stats{color:#cbd5e1}.cluster-tab.active .cluster-tab-stats{color:#fffffff2;opacity:1}.cluster-tab-percentage{font-weight:600}.cluster-tab-rows{color:inherit;opacity:.85}.cluster-tab.active .cluster-tab-rows{opacity:1}.cluster-tab-quality{height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.dark .cluster-tab-quality{background:#ffffff1a}.cluster-tab.active .cluster-tab-quality{background:#fff3}.cluster-tab-quality-bar{height:100%;background:var(--success-color, #10b981);border-radius:2px;transition:width .3s ease}.cluster-tab.active .cluster-tab-quality-bar{background:#ffffffe6}.advanced-insights-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.insights-section{background:var(--section-bg, #f9fafb);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color, #e5e7eb)}.dark .insights-section{background:var(--section-bg, #0f172a);border-color:var(--border-color, #334155)}.insights-section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.dark .insights-section-title{color:#f1f5f9}.insights-section-header,.insights-section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-mode-toggle{display:flex;gap:.5rem;background:var(--surface-2, #f3f4f6);padding:.25rem;border-radius:6px}.dark .view-mode-toggle{background:var(--surface-2-dark, #1e293b)}.toggle-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.dark .toggle-button{color:var(--text-secondary-dark, #94a3b8)}.toggle-button:hover{background:var(--surface-3, #e5e7eb);color:var(--text-primary, #111827)}.dark .toggle-button:hover{background:var(--surface-3-dark, #334155);color:var(--text-primary-dark, #f1f5f9)}.toggle-button.active{background:var(--accent, #3b82f6);color:#fff;font-weight:600}.dark .toggle-button.active{background:var(--accent-dark, #60a5fa)}.insights-section-loading,.insights-section-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.dark .insights-section-loading,.dark .insights-section-empty{color:#94a3b8}.insights-section-loading p,.insights-section-empty p{margin-top:1rem;font-size:.875rem}.correlation-matrices-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.correlation-matrices-single{display:flex;justify-content:center;align-items:center;width:100%}.correlation-matrices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}@media(max-width:1400px){.correlation-matrices-grid{grid-template-columns:1fr}}.correlation-matrix-item{display:flex;justify-content:center;align-items:center;min-width:0;min-height:500px;overflow:visible;width:100%;max-width:100%}.correlation-hover-info{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1.25rem;margin-bottom:1rem;min-height:100px;display:flex;flex-direction:column;gap:1rem}.dark .correlation-hover-info{background:var(--card-bg, #1e293b);border-color:var(--border-color, #475569)}.hover-info-placeholder{color:var(--text-muted, #9ca3af);font-size:.875rem;font-style:italic}.dark .hover-info-placeholder{color:var(--text-muted, #64748b)}.hover-info-content{display:flex;flex-direction:column;gap:1rem;flex:1}.hover-info-label{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);text-align:left;margin-bottom:.25rem}.dark .hover-info-label,html.dark .hover-info-label,[data-theme=synthehol-dark] .hover-info-label{color:#f9fafb}.hover-info-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}@media(max-width:768px){.hover-info-values{grid-template-columns:1fr;gap:1rem}}.matrix-view-toggle{display:flex;gap:.5rem;background:var(--surface-2, #f3f4f6);padding:.375rem;border-radius:6px;align-self:flex-start}.dark .matrix-view-toggle{background:var(--surface-2, #0f172a)}.matrix-toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-muted, #6b7280);font-size:.8125rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dark .matrix-toggle-btn{color:var(--text-muted, #9ca3af)}.matrix-toggle-btn:hover{background:var(--surface-3, #f3f4f6);color:var(--text-primary, #111827)}.dark .matrix-toggle-btn:hover{background:var(--surface-3, #334155);color:var(--text-primary, #f1f5f9)}.matrix-toggle-btn.active{background:var(--brand, #14b8a6);color:#fff;font-weight:600}.dark .matrix-toggle-btn.active{background:var(--brand, #14b8a6);color:#fff}.hover-info-item{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:var(--surface-2, #f9fafb);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.dark .hover-info-item{background:var(--surface-2, #0f172a);border-color:var(--border-color, #334155)}.hover-info-item.highlight{background:var(--highlight-bg, #f0fdf4);border:2px solid var(--highlight-border, #86efac)}.dark .hover-info-item.highlight{background:var(--highlight-bg, #14532d);border-color:var(--highlight-border, #16a34a)}.hover-info-key{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #6b7280)}.dark .hover-info-key,html.dark .hover-info-key,[data-theme=synthehol-dark] .hover-info-key{color:#d1d5db}.hover-info-value{font-size:1.125rem;font-weight:700;color:var(--text-primary, #111827);font-family:Monaco,Consolas,monospace}.dark .hover-info-value,html.dark .hover-info-value,[data-theme=synthehol-dark] .hover-info-value{color:#f9fafb}.hover-info-item.highlight .hover-info-key{color:var(--success-dark, #16a34a)}.dark .hover-info-item.highlight .hover-info-key,html.dark .hover-info-item.highlight .hover-info-key,[data-theme=synthehol-dark] .hover-info-item.highlight .hover-info-key{color:#86efac}.hover-info-item.highlight .hover-info-value{color:var(--success-dark, #15803d)}.dark .hover-info-item.highlight .hover-info-value,html.dark .hover-info-item.highlight .hover-info-value,[data-theme=synthehol-dark] .hover-info-item.highlight .hover-info-value{color:#6ee7b7}.correlation-metrics{display:flex;gap:2rem;padding:1rem;background:var(--card-bg, #ffffff);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.dark .correlation-metrics{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dark .metric-label{color:#94a3b8}.metric-value{font-size:1.25rem;font-weight:700;color:#111827}.dark .metric-value{color:#f1f5f9}.quality-badge{display:inline-block;padding:.25rem .75rem;background:var(--success-color, #10b981);color:#fff;border-radius:4px;font-size:.875rem;font-weight:600}.column-selector{display:flex;align-items:center;gap:.5rem}.column-selector label{font-size:.875rem;font-weight:500;color:#6b7280}.dark .column-selector label{color:#94a3b8}.column-select-dropdown{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#111827;font-size:.875rem;cursor:pointer;min-width:200px}.dark .column-select-dropdown{background:#1e293b;border-color:#334155;color:#f1f5f9}.column-select-dropdown:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.column-distribution-chart{background:var(--card-bg, #ffffff);border-radius:6px;padding:1rem;border:1px solid var(--border-color, #e5e7eb)}.dark .column-distribution-chart{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}.chart-info{margin-bottom:1rem}.chart-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#111827}.dark .chart-info h4{color:#f1f5f9}.psi-score{font-size:.875rem;color:#1f2937;background:none;border:none;padding:0}.dark .psi-score{color:#e5e7eb}.psi-score span.good{color:#10b981;font-weight:700;background:none;padding:0}.psi-score span.warning{color:#f59e0b;font-weight:700;background:none;padding:0}.psi-score span.danger{color:#ef4444;font-weight:700;background:none;padding:0}.psi-interpretation{margin-left:.5rem;font-size:.75rem;color:#6b7280;background:none;padding:0}.dark .psi-interpretation{color:#94a3b8}.advanced-insights-loading,.advanced-insights-error,.advanced-insights-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.dark .advanced-insights-loading,.dark .advanced-insights-empty{color:#94a3b8}.advanced-insights-error{color:var(--danger-color, #ef4444)}.advanced-insights-loading p,.advanced-insights-error p,.advanced-insights-empty p{margin-top:1rem;font-size:.875rem}.dataset-breadcrumb{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dataset-breadcrumb:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f614}.dataset-breadcrumb:focus{outline:2px solid #3b82f6;outline-offset:2px}.breadcrumb-items{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.breadcrumb-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#64748b;white-space:nowrap;transition:color .2s ease}.breadcrumb-item.project{font-weight:500;color:#1e293b}.breadcrumb-item.folder{color:#64748b}.breadcrumb-item.dataset{font-weight:600;color:#3b82f6}.breadcrumb-item.loading{opacity:.6}.breadcrumb-item>span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.breadcrumb-separator{color:#cbd5e1;flex-shrink:0}.breadcrumb-action{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid #e2e8f0;opacity:0;transition:opacity .2s ease}.dataset-breadcrumb:hover .breadcrumb-action{opacity:1}.breadcrumb-hint{font-size:12px;color:#94a3b8;white-space:nowrap}.dark .dataset-breadcrumb{background:#1e293b;border-color:#334155}.dark .dataset-breadcrumb:hover{background:#334155;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa26}.dark .breadcrumb-item{color:#94a3b8}.dark .breadcrumb-item.project{color:#e2e8f0}.dark .breadcrumb-item.dataset{color:#60a5fa}.dark .breadcrumb-separator{color:#475569}.dark .breadcrumb-action{border-left-color:#334155}.dark .breadcrumb-hint{color:#64748b}@media(max-width:768px){.dataset-breadcrumb{padding:10px 12px}.breadcrumb-item>span{max-width:100px}.breadcrumb-action{display:none}}@keyframes chevron-rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.dataset-breadcrumb:hover .breadcrumb-action>svg:last-child{animation:chevron-rotate .2s ease forwards}.DatasetView{--primary: #FABE66;--primary-600: #d97706;--primary-light: #fed7aa;--secondary: #FF0000;--secondary-600: #dc2626;--secondary-light: #fca5a5;--muted: color-mix(in srgb, var(--text-dark) 70%, transparent);--tile-border: color-mix(in srgb, var(--text-dark) 12%, transparent);--tile-bg: var(--bg-dark);--shadow: 0 10px 15px -3px rgba(250,190,102,.08), 0 4px 6px -2px rgba(250,190,102,.04);--card-1: #fefce8;--card-2: #fed7aa;--card-3: #ecfdf5;--card-4: #fff7ed;--card-5: #fef2f2;display:flex;flex-direction:column;gap:0;align-items:stretch}.DatasetView .preview-panel{background:var(--bg-dark);border-radius:12px;border:1px solid var(--tile-border);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;overflow:hidden}.DatasetView .preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(to bottom,var(--bg-dark),color-mix(in srgb,var(--bg-dark) 98%,var(--text-dark)));border-bottom:1px solid var(--tile-border)}.DatasetView .toolbar-section{display:flex;align-items:center;gap:2rem;flex:1;flex-wrap:wrap}.DatasetView .toolbar-actions{display:flex;align-items:center;gap:1rem}.DatasetView .search-wrapper{position:relative;flex:1;min-width:280px;max-width:400px;margin-right:.5rem}.DatasetView .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.DatasetView .search-input{width:85%;padding:.625rem 2.5rem;border:1.5px solid var(--tile-border);border-radius:8px;font-size:.875rem;background:var(--bg-dark);color:var(--text-dark);transition:all .2s ease}.DatasetView .search-input::-moz-placeholder{color:color-mix(in srgb,var(--text-dark) 50%,transparent)}.DatasetView .search-input::placeholder{color:color-mix(in srgb,var(--text-dark) 50%,transparent)}.DatasetView .search-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #fabe6626}.DatasetView .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:color-mix(in srgb,var(--text-dark) 8%,transparent);color:var(--muted);border-radius:4px;cursor:pointer;font-size:1.25rem;line-height:1;transition:all .2s ease}.DatasetView .clear-search:hover{background:color-mix(in srgb,var(--text-dark) 12%,transparent);color:var(--text-dark)}.DatasetView .sort-controls{display:flex;align-items:center;gap:.5rem;padding-left:1.5rem;border-left:1px solid var(--tile-border)}.DatasetView .control-group{display:flex;align-items:center;gap:.5rem}.DatasetView .control-label{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--muted);white-space:nowrap}.DatasetView .select-input{padding:.5rem 2rem .5rem .75rem;border:1.5px solid var(--tile-border);border-radius:6px;font-size:.875rem;background:var(--bg-dark);color:var(--text-dark);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:140px}.DatasetView .select-input:hover{border-color:color-mix(in srgb,var(--text-dark) 25%,transparent)}.DatasetView .select-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #fabe6626}.DatasetView .sort-direction-btn{padding:.5rem;border:1.5px solid var(--tile-border);border-radius:6px;background:var(--bg-dark);color:var(--muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.DatasetView .sort-direction-btn:hover{border-color:var(--primary-600);color:var(--primary-600);background:color-mix(in srgb,var(--primary) 8%,transparent)}.DatasetView .sort-direction-btn.desc{transform:rotate(180deg)}.DatasetView .row-count{font-size:.8125rem;font-weight:600;color:var(--muted);padding:.4rem .75rem;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:6px;white-space:nowrap}.DatasetView .download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--bg-dark);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #fabe6633;white-space:nowrap}.DatasetView .download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #fabe664d}.DatasetView .download-btn:active{transform:translateY(0)}.DatasetView .table-container{overflow:auto;max-height:calc(100vh - 500px);min-height:400px}.DatasetView .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--muted)}.DatasetView .empty-state svg{margin-bottom:1rem;opacity:.4}.DatasetView .empty-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.DatasetView .empty-description{font-size:.875rem;color:var(--muted)}.DatasetView .dataset-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.DatasetView .table-header{position:sticky;top:0;background:linear-gradient(to bottom,var(--bg-dark),color-mix(in srgb,var(--bg-dark) 97%,var(--text-dark)));z-index:10;padding:0;border-bottom:2px solid var(--tile-border)}.DatasetView .header-content{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem}.DatasetView .header-text{font-weight:700;font-size:.8125rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em}.DatasetView .column-type{font-size:.6875rem;font-weight:500;color:var(--muted);text-transform:lowercase;padding:.125rem .375rem;background:color-mix(in srgb,var(--primary) 15%,transparent);border-radius:4px;width:-moz-fit-content;width:fit-content}.DatasetView .table-row{transition:background-color .15s ease;border-bottom:1px solid color-mix(in srgb,var(--tile-border) 50%,transparent)}.DatasetView .table-row:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.DatasetView .table-row:last-child{border-bottom:none}.DatasetView .table-cell{padding:.875rem 1rem;color:var(--text-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.DatasetView .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:1024px){.DatasetView .preview-toolbar{flex-direction:column;align-items:stretch;gap:1rem}.DatasetView .toolbar-section{flex-direction:column;align-items:stretch}.DatasetView .search-wrapper{max-width:none}.DatasetView .toolbar-actions{justify-content:space-between}}.DatasetView .DatasetView-sidebar{flex:0 0 200px}.DatasetView .DatasetView-main{flex:1 1 auto}.DatasetView .DatasetPreview{border-radius:8px;overflow:hidden}.DatasetView .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:.2rem;margin-bottom:.8rem}.DatasetView .metric-label{margin-bottom:.5rem}.DatasetView .metric-value{margin-bottom:.25rem}.DatasetView .metric-sub{color:var(--muted, #6b7280);font-size:.75rem}.DatasetView>.flex.items-center.justify-between{margin-bottom:.2rem;padding-top:.2rem}@media(max-width:640px){.DatasetView .metrics{flex-direction:column}}.DatasetView>.mb-4.border-b{margin-top:0rem;border-bottom:1px solid #e5e7eb}.DatasetView .mb-4.border-b nav{display:flex;gap:.5rem;align-items:center}.DatasetView .tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--muted);border:none;background:none;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s ease-in;position:relative}.DatasetView .tab:hover{color:var(--text-dark);background-color:color-mix(in srgb,var(--text-dark) 6%,transparent)}.DatasetView .tab.active{color:var(--text-dark);background-color:var(--bg-dark);border-bottom:2px solid var(--primary)}.DatasetView .bg-white.rounded.shadow-sm{background:var(--bg-dark);border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--tile-border)}.DatasetView .mb-4.border-b nav button{padding-bottom:.5rem}.DatasetView .mb-4.border-b .tab{background:transparent;border:0;padding:.5rem .75rem;border-radius:8px 8px 0 0;color:var(--muted);font-weight:600;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.DatasetView .mb-4.border-b .tab:hover{background:#4f46e50f;color:var(--primary-600)}.DatasetView .mb-4.border-b .tab:focus{outline:none;box-shadow:0 0 0 3px #6366f11f}.DatasetView .mb-4.border-b .tab.active{color:var(--primary-600);background:linear-gradient(180deg,#4f46e51f,#4f46e508);border-bottom:3px solid var(--primary-600);box-shadow:inset 0 -1px #00000005}.DatasetView .inline-flex.items-center.px-2.py-0\.5.rounded-full.text-xs{background:#f3f4f6;color:#111827;font-weight:600;padding:.2rem .45rem;border-radius:999px}.DatasetView table thead tr{background:var(--bg-dark)}.DatasetView table thead th{color:var(--text-dark);font-weight:700;text-transform:uppercase;font-size:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--tile-border)}.DatasetView .dataset-table-wrap{border:1px solid var(--tile-border);border-radius:10px;box-shadow:var(--shadow)}.DatasetView table.dataset-table{border-collapse:separate;border-spacing:0;width:100%}h4{font-size:smaller;color:#111827a6;color:color-mix(in srgb,var(--text-dark) 60%,white);border-radius:8px;padding:.1rem .5rem .1rem .1rem;margin-left:.5em;border:1px solid var(--tile-border)}.DatasetView table.dataset-table thead th{position:sticky;top:0;background:var(--bg-dark);z-index:1;letter-spacing:.04em}.DatasetView table.dataset-table thead tr{box-shadow:none}.DatasetView .dataset-table-wrap{max-height:calc(100vh - 500px);min-height:400px}.DatasetView table.dataset-table thead th:first-letter{font-size:.72rem}.DatasetView table.dataset-table tbody tr{transition:background-color .16s ease}.DatasetView table.dataset-table tbody tr:nth-child(odd){background:var(--bg-dark)}.DatasetView table.dataset-table tbody tr:hover{background:color-mix(in srgb,var(--text-dark) 6%,transparent)}.DatasetView table.dataset-table th,.DatasetView table.dataset-table td{padding:10px 12px;white-space:nowrap}.DatasetView table.dataset-table td{font-variant-numeric:tabular-nums;color:var(--text-dark)}.DatasetView table.dataset-table thead th{border-bottom:1px solid var(--tile-border);position:sticky;top:0;background:var(--bg-dark);z-index:1}.DatasetView table.dataset-table tbody tr:last-child td{border-bottom:none}.DatasetView .grid.grid-cols-5>.p-4:nth-child(1){background:var(--card-1)}.DatasetView .grid.grid-cols-5>.p-4:nth-child(2){background:var(--card-2)}.DatasetView .grid.grid-cols-5>.p-4:nth-child(3){background:var(--card-3)}.DatasetView .grid.grid-cols-5>.p-4:nth-child(4){background:var(--card-4)}.DatasetView .grid.grid-cols-5>.p-4:nth-child(5){background:var(--card-5)}.DatasetView .grid.grid-cols-5>.p-4{border-radius:12px;box-shadow:0 6px 18px #0f172a0a;transition:transform .16s ease,box-shadow .16s ease}.DatasetView .grid.grid-cols-5>.p-4:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0f172a0f}.DatasetView .w-40.bg-gray-100.rounded-full.h-2>.h-2{transition:width .3s ease;background:linear-gradient(90deg,var(--primary-light),var(--primary))}.scenario-generation-wrapper{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--surface-1);height:100%;min-height:0;overflow:hidden}.scenario-info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:color-mix(in srgb,var(--brand-primary-500) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--brand-primary-500) 25%,transparent);border-radius:.5rem;box-shadow:var(--shadow)}.scenario-info-banner .icon{color:var(--brand-primary-600);flex-shrink:0;margin-top:.125rem}.scenario-info-text{font-size:.875rem;line-height:1.5;color:var(--text-1)}.scenario-info-text strong{font-weight:600;color:var(--brand-primary-700)}.scenario-grid{display:grid;grid-template-columns:1fr;gap:1rem;position:relative;flex:1;min-height:0;overflow:hidden}@media(min-width:768px){.scenario-grid{grid-template-columns:1fr 1.5fr}}@media(min-width:1280px){.scenario-grid{grid-template-columns:minmax(280px,1fr) minmax(500px,2.5fr) minmax(320px,1.2fr);transition:grid-template-columns .3s ease}.scenario-grid.conversations-collapsed{grid-template-columns:minmax(500px,3fr) minmax(320px,1fr)}}@media(min-width:1536px){.scenario-grid{grid-template-columns:minmax(300px,1fr) minmax(600px,2.5fr) minmax(360px,1.2fr)}}@media(max-width:767px){.scenario-generation-wrapper{padding:1rem}.chat-header-bar{padding:.625rem 1rem 1rem}.chat-header-bar-content{gap:1rem}.chat-header-bar-item{font-size:.8125rem}.chat-header-bar-close-btn{width:1.75rem;height:1.75rem;padding-right:2rem}.chat-message{max-width:90%;padding:1rem 1.25rem}.chat-input-container{padding:.875rem 1rem}}.conversation-list-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:1rem;min-width:0;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;min-height:0}.conversation-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.conversation-list-title{font-size:.875rem;font-weight:600;color:var(--text-1)}.conversation-new-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--brand-primary-600);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.conversation-new-btn:hover{color:var(--brand-primary-700);background:color-mix(in srgb,var(--brand-primary-500) 10%,transparent)}.conversation-list-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.conversation-list-container::-webkit-scrollbar{width:6px}.conversation-list-container::-webkit-scrollbar-track{background:transparent}.conversation-list-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.conversation-list-container::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-1) 25%,transparent)}.conversation-list-empty{text-align:center;padding:2rem 1rem;font-size:.75rem;font-style:italic;color:var(--text-2)}.conversation-item{width:100%;text-align:left;padding:.75rem;background:var(--surface-3);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;box-sizing:border-box}.conversation-item:hover{background:color-mix(in srgb,var(--brand-primary-500) 5%,var(--surface-2));border-color:color-mix(in srgb,var(--brand-primary-500) 30%,transparent);transform:translate(4px);box-shadow:var(--shadow)}.conversation-item.active{background:color-mix(in srgb,var(--brand-primary-500) 12%,var(--surface-2));border-color:var(--brand-primary-500);color:var(--text-1);box-shadow:var(--shadow)}.conversation-item-content{flex:1;min-width:0}.conversation-item-title{font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1)}.conversation-item-meta{font-size:.75rem;color:var(--text-2)}.conversation-item.active .conversation-item-meta{color:var(--brand-primary-700)}.conversation-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.conversation-item:hover .conversation-item-actions{opacity:1}.conversation-item-action-btn{padding:.25rem .375rem;background:transparent;border:1px solid transparent;border-radius:.25rem;font-size:.875rem;color:var(--text-2);cursor:pointer;transition:all .2s;line-height:1}.conversation-item-action-btn:hover{background:color-mix(in srgb,var(--brand-accent-500) 15%,transparent);border-color:var(--brand-accent-500);color:var(--brand-accent-600)}.conversation-item-action-btn.delete:hover{background:color-mix(in srgb,var(--brand-secondary-500) 15%,transparent);border-color:var(--brand-secondary-500);color:var(--brand-secondary-600)}.conversation-item-edit{width:100%;display:flex;flex-direction:column;gap:.5rem;min-width:0}.conversation-item-input{width:100%;padding:.375rem .5rem;border:1px solid var(--brand-primary-500);border-radius:.25rem;font-size:.875rem;outline:none;background:var(--surface-2);color:var(--text-1);box-sizing:border-box;min-width:0}.conversation-item-input:focus{border-color:var(--brand-primary-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}.conversation-item-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.conversation-item-edit-btn{padding:.25rem .75rem;border:1px solid var(--border);border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--surface-2);color:var(--text-1)}.conversation-item-edit-btn.save{color:var(--brand-accent-600);border-color:var(--brand-accent-500);background:color-mix(in srgb,var(--brand-accent-500) 10%,var(--surface-2))}.conversation-item-edit-btn.save:hover{background:color-mix(in srgb,var(--brand-accent-500) 20%,var(--surface-2));border-color:var(--brand-accent-600)}.conversation-item-edit-btn.cancel{color:var(--text-2)}.conversation-item-edit-btn.cancel:hover{background:var(--surface-3);border-color:color-mix(in srgb,var(--border) 150%,transparent)}.chat-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:0;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow);height:96%;min-height:0;overflow:hidden}.chat-interface-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-header-bar{flex-shrink:0;background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);border-bottom:2px solid var(--secondary-dark);padding:.75rem 1.5rem;box-shadow:var(--shadow-secondary)}.chat-header-bar-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.chat-header-bar-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#fff;font-weight:500;cursor:default}.chat-header-bar-item[title]{cursor:help}.chat-header-bar-item span{white-space:nowrap}.chat-header-bar-close-btn{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;margin-left:auto;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s}.chat-header-bar-close-btn:hover{background:#ffffff40;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.conversation-toggle-btn{position:absolute;top:1rem;left:-.75rem;z-index:10;width:1.5rem;height:3rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.25rem 0 0 .25rem;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-2);cursor:pointer;transition:all .2s;box-shadow:-2px 0 4px color-mix(in srgb,var(--text-1) 5%,transparent)}.conversation-toggle-btn:hover{background:var(--surface-3);color:var(--brand-primary-600);border-color:var(--brand-primary-500)}.conversation-toggle-btn:active{transform:scale(.95)}@media(max-width:1023px){.conversation-toggle-btn{display:none}}.chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1rem;background:var(--surface-3);border-radius:.5rem;border:1px solid var(--border)}.chat-header-content{flex:1;min-width:0}.chat-header-title-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;min-width:0}.chat-header-title{font-size:1.125rem;font-weight:600;color:var(--text-1);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chat-header-edit-btn{flex-shrink:0;padding:.375rem;background:transparent;border:1px solid transparent;border-radius:.375rem;color:var(--text-2);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0}.chat-header-title-display:hover .chat-header-edit-btn{opacity:1}.chat-header-edit-btn:hover{background:var(--surface-2);border-color:var(--brand-primary-400);color:var(--brand-primary-600);transform:scale(1.05)}.chat-header-edit-btn:active{transform:scale(.95)}.chat-header-title-edit{margin-bottom:.375rem}.chat-header-title-input{width:100%;font-size:1.125rem;font-weight:600;padding:.5rem .75rem;border:2px solid var(--brand-primary-500);border-radius:.375rem;background:var(--surface-2);color:var(--text-1);outline:none;transition:all .2s;font-family:inherit}.chat-header-title-input:focus{border-color:var(--brand-primary-600);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}.chat-header-session{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;margin-bottom:.375rem}.chat-header-session-label{font-size:.75rem;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.chat-header-session-id{font-size:.7rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;background:var(--surface-2);padding:.25rem .5rem;border-radius:.25rem;color:var(--brand-primary-600);border:1px solid var(--brand-primary-400);font-weight:500}.chat-header-meta{font-size:.75rem;color:var(--text-2);margin:0}.chat-messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;background:var(--surface-1);display:flex;flex-direction:column;gap:1.25rem;min-height:0;position:relative;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-messages-container::-webkit-scrollbar{width:8px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-1) 30%,transparent)}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-2);padding:2rem}.chat-empty-state .icon{margin-bottom:1rem;opacity:.25;color:var(--brand-primary-500)}.chat-empty-state p{font-size:.9375rem;margin-bottom:.75rem;color:var(--text-1);font-weight:500}.chat-empty-state .example{font-size:.8125rem;color:var(--text-2);background:var(--surface-2);padding:.75rem 1rem;border-radius:.375rem;border:1px dashed var(--border);max-width:500px;font-style:italic}.chat-message-wrapper{display:flex;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-wrapper.user{justify-content:flex-end}.chat-message-wrapper.assistant{justify-content:flex-start}.chat-message{max-width:80%;padding:1.25rem 1.5rem;border-radius:1rem;box-shadow:0 2px 8px color-mix(in srgb,var(--text-1) 10%,transparent);position:relative}.chat-message.user{background:linear-gradient(135deg,var(--brand-primary-500),var(--brand-primary-600));color:#fff;box-shadow:0 3px 12px color-mix(in srgb,var(--brand-primary-500) 35%,transparent);border-bottom-right-radius:.25rem}.chat-message.assistant{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);box-shadow:0 2px 8px color-mix(in srgb,var(--text-1) 8%,transparent);border-bottom-left-radius:.25rem}.chat-message-text{font-size:.9375rem;line-height:1.65;word-wrap:break-word;overflow-wrap:break-word}.chat-message-text .markdown-h1,.chat-message-text .markdown-h2,.chat-message-text .markdown-h3,.chat-message-text .markdown-h4,.chat-message-text h1,.chat-message-text h2,.chat-message-text h3,.chat-message-text h4,.chat-message-text h5,.chat-message-text h6{margin:1.25em 0 .625em;font-weight:600;line-height:1.3;color:inherit}.chat-message-text .markdown-h1,.chat-message-text h1{font-size:1.5em;border-bottom:2px solid currentColor;padding-bottom:.3em;opacity:.95}.chat-message-text .markdown-h2,.chat-message-text h2{font-size:1.35em;border-bottom:1px solid currentColor;padding-bottom:.25em;opacity:.95}.chat-message-text .markdown-h3,.chat-message-text h3{font-size:1.2em;opacity:.95}.chat-message-text .markdown-h4,.chat-message-text h4{font-size:1.05em;opacity:.9}.chat-message-text .markdown-h1:first-child,.chat-message-text .markdown-h2:first-child,.chat-message-text .markdown-h3:first-child,.chat-message-text .markdown-h4:first-child,.chat-message-text h1:first-child,.chat-message-text h2:first-child,.chat-message-text h3:first-child,.chat-message-text h4:first-child{margin-top:0}.chat-message-text .markdown-p,.chat-message-text p{margin:.875em 0;line-height:1.65}.chat-message-text .markdown-p:first-child,.chat-message-text p:first-child{margin-top:0}.chat-message-text .markdown-p:last-child,.chat-message-text p:last-child{margin-bottom:0}.chat-message-text .markdown-ul,.chat-message-text .markdown-ol,.chat-message-text ul,.chat-message-text ol{margin:1em 0;padding-left:2em;line-height:1.65}.chat-message-text .markdown-li,.chat-message-text li{margin:.5em 0;padding-left:.25em}.chat-message-text .markdown-li>.markdown-p,.chat-message-text li>p{margin:.25em 0}.chat-message-text .markdown-code-inline,.chat-message-text code{background:color-mix(in srgb,var(--text-1) 15%,transparent);padding:.2em .45em;border-radius:.3rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;border:1px solid color-mix(in srgb,var(--text-1) 20%,transparent);font-weight:500}.chat-message-text .markdown-pre,.chat-message-text pre{background:color-mix(in srgb,var(--text-1) 10%,transparent);padding:1.25rem;border-radius:.5rem;overflow-x:auto;margin:1.25em 0;border:1px solid color-mix(in srgb,var(--text-1) 18%,transparent);line-height:1.5;box-shadow:inset 0 1px 3px color-mix(in srgb,var(--text-1) 8%,transparent)}.chat-message-text .markdown-pre .markdown-code-block,.chat-message-text pre code{background:none;padding:0;border:none;font-size:.875rem;font-weight:400}.chat-message-text .markdown-strong,.chat-message-text strong{font-weight:600;color:inherit}.chat-message-text .markdown-em,.chat-message-text em{font-style:italic}.chat-message-text .markdown-blockquote,.chat-message-text blockquote{border-left:4px solid currentColor;padding-left:1.25em;margin:1em 0;opacity:.85;font-style:italic}.chat-message-text hr{border:none;border-top:1px solid var(--border);margin:1em 0}.chat-message-text a{color:var(--brand-primary-600);text-decoration:underline}.chat-message-text a:hover{color:var(--brand-primary-700)}.chat-message-text .markdown-table-wrapper{overflow-x:auto;margin:1.25em 0;border-radius:.5rem;border:1px solid var(--border);background:var(--surface-3);max-width:100%;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-message-text .markdown-table-wrapper::-webkit-scrollbar{height:8px}.chat-message-text .markdown-table-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:0 0 .5rem .5rem}.chat-message-text .markdown-table-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-message-text .markdown-table-wrapper::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-1) 30%,transparent)}.chat-message-text .markdown-table,.chat-message-text table{border-collapse:collapse;width:100%;font-size:.875em;background:var(--surface-2)}.chat-message-text .markdown-th,.chat-message-text .markdown-td,.chat-message-text th,.chat-message-text td{border:1px solid var(--border);padding:.75em 1em;text-align:left;vertical-align:top}.chat-message-text .markdown-th,.chat-message-text th{background:color-mix(in srgb,var(--brand-primary-500) 12%,var(--surface-2));font-weight:600;color:var(--text-1);border-bottom:2px solid var(--brand-primary-500);position:sticky;top:0;z-index:1}.chat-message-text .markdown-tbody .markdown-tr:nth-child(2n),.chat-message-text tbody tr:nth-child(2n){background:color-mix(in srgb,var(--text-1) 3%,transparent)}.chat-message-text .markdown-tbody .markdown-tr:hover,.chat-message-text tbody tr:hover{background:color-mix(in srgb,var(--brand-primary-500) 8%,var(--surface-2))}.chat-message.user .chat-message-text .markdown-table-wrapper{background:#ffffff1a;border-color:#fff3}.chat-message.user .chat-message-text .markdown-table{background:#ffffff0d}.chat-message.user .chat-message-text .markdown-th,.chat-message.user .chat-message-text th{background:#ffffff26;border-color:#ffffff4d;color:#fff}.chat-message.user .chat-message-text .markdown-td,.chat-message.user .chat-message-text td{border-color:#fff3;color:#fffffff2}.chat-message.user .chat-message-text .markdown-tbody .markdown-tr:nth-child(2n),.chat-message.user .chat-message-text tbody tr:nth-child(2n){background:#ffffff0d}.chat-message.user .chat-message-text .markdown-tbody .markdown-tr:hover,.chat-message.user .chat-message-text tbody tr:hover{background:#ffffff1a}.chat-message.assistant .chat-message-text .markdown-th,.chat-message.assistant .chat-message-text th{background:color-mix(in srgb,var(--brand-primary-500) 15%,var(--surface-2));color:var(--brand-primary-700);border-bottom-color:var(--brand-primary-500)}.chat-message.assistant .chat-message-text .markdown-code-inline,.chat-message.assistant .chat-message-text code{background:color-mix(in srgb,var(--brand-primary-500) 20%,transparent);color:var(--brand-primary-700);font-weight:500;border-color:color-mix(in srgb,var(--brand-primary-500) 25%,transparent)}.chat-message.assistant .chat-message-text .markdown-pre,.chat-message.assistant .chat-message-text pre{background:color-mix(in srgb,var(--text-1) 6%,transparent);border:1px solid var(--border)}.chat-message.assistant .chat-message-text .markdown-pre .markdown-code-block,.chat-message.assistant .chat-message-text pre code{color:var(--text-1);font-weight:400;background:none;border:none}.chat-message.user .chat-message-text .markdown-code-inline,.chat-message.user .chat-message-text code{background:#fff3;color:#fffffff2;border-color:#ffffff4d}.chat-message.user .chat-message-text .markdown-pre,.chat-message.user .chat-message-text pre{background:#00000026;border-color:#fff3}.chat-message.user .chat-message-text .markdown-pre .markdown-code-block,.chat-message.user .chat-message-text pre code{color:#fffffff2}.chat-message.user .chat-message-text .markdown-h1,.chat-message.user .chat-message-text .markdown-h2,.chat-message.user .chat-message-text h1,.chat-message.user .chat-message-text h2{border-color:#ffffff4d}.chat-message-timestamp{font-size:.75rem;margin-top:.375rem;opacity:.75}.chat-message.user .chat-message-timestamp{color:#fffc}.chat-message.assistant .chat-message-timestamp{color:var(--text-2)}.chat-input-container{flex-shrink:0;display:flex;align-items:flex-end;gap:.75rem;padding:1.25rem 1.5rem;background:var(--surface-2);border-top:1px solid var(--border);position:sticky;bottom:0;z-index:10}.chat-input{flex:1;padding:.75rem;font-size:.875rem;border:1px solid var(--border);border-radius:.5rem;resize:none;align-content:center;font-family:inherit;transition:all .2s;background:var(--surface-2);color:var(--text-1)}.chat-input:focus{outline:none;border-color:var(--brand-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}.chat-input:disabled{background:var(--surface-3);cursor:not-allowed;opacity:.6}.chat-send-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;height:100%;font-weight:500;color:#fff;background:linear-gradient(135deg,var(--brand-primary-500),var(--brand-primary-600));border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-600),var(--brand-primary-700));transform:translateY(-1px);box-shadow:0 12px 20px -3px color-mix(in srgb,var(--brand-primary-500) 20%,transparent)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.config-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;height:92%;min-height:0;gap:1rem;overflow:hidden}.config-panel-title{flex-shrink:0;font-size:1.125rem;font-weight:600;color:var(--text-1);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.config-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--text-2);flex:1;background:var(--surface-3);border-radius:.5rem;border:1px dashed var(--border)}.config-empty-state .icon{margin-bottom:1rem;opacity:.2;color:var(--brand-accent-500)}.config-empty-state p{font-size:.875rem;color:var(--text-1);margin:0}.config-content{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.config-content::-webkit-scrollbar{width:6px}.config-content::-webkit-scrollbar-track{background:transparent}.config-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.config-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-1) 25%,transparent)}.config-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface-3);border-radius:.5rem;border:1px solid var(--border)}.config-section-title{font-size:.875rem;font-weight:600;color:var(--text-1);display:flex;align-items:center;gap:.5rem}.config-section-title .inline-icon{color:var(--brand-primary-500)}.config-summary-content{display:flex;flex-direction:column;gap:.5rem}.config-summary-markdown{padding:.75rem;background:var(--surface-2);border-radius:.375rem;font-size:.875rem;line-height:1.6;color:var(--text-1);border:1px solid var(--border)}.config-summary-markdown .markdown-p{margin:0 0 .5rem}.config-summary-markdown .markdown-p:last-child{margin-bottom:0}.config-summary-markdown .markdown-ul,.config-summary-markdown .markdown-ol{margin:.5rem 0;padding-left:1.5rem}.config-summary-markdown .markdown-li{margin:.25rem 0}.config-summary-markdown .markdown-strong{font-weight:600;color:var(--brand-primary-600)}.config-summary-markdown .markdown-code-inline{background:color-mix(in srgb,var(--brand-primary-500) 10%,var(--surface-3));padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--brand-primary-700);border:1px solid var(--brand-primary-300)}.config-empty-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:.375rem;font-size:.75rem;color:var(--text-2);font-style:italic}.config-empty-message svg{flex-shrink:0;opacity:.5}.config-chips-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.config-chip{display:inline-flex;align-items:center;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 15%,var(--surface-2)),color-mix(in srgb,var(--brand-primary-500) 10%,var(--surface-2)));color:var(--brand-primary-700);border:1px solid var(--brand-primary-400);border-radius:.375rem;box-shadow:0 1px 2px color-mix(in srgb,var(--text-1) 5%,transparent)}.config-empty-chip{font-size:.75rem;font-style:italic;color:var(--text-2)}.config-constraints-list{display:flex;flex-direction:column;gap:.5rem}.config-constraint-item{padding:.875rem;font-size:.8125rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.375rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s}.config-constraint-item:hover{border-color:var(--brand-primary-400);box-shadow:0 2px 4px color-mix(in srgb,var(--text-1) 5%,transparent)}.config-constraint-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.config-constraint-type{font-weight:600;color:var(--text-1);text-transform:capitalize;flex:1}.config-constraint-field{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-2);padding-left:.5rem;border-left:2px solid var(--border)}.config-constraint-field .inline-icon{opacity:.5}.config-constraint-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:.25rem;white-space:nowrap}.config-constraint-badge.must{background:color-mix(in srgb,var(--brand-accent-500) 25%,var(--surface-2));color:var(--brand-accent-700);border:1px solid var(--brand-accent-400)}.config-constraint-badge.avoid{background:color-mix(in srgb,var(--brand-secondary-500) 25%,var(--surface-2));color:var(--brand-secondary-700);border:1px solid var(--brand-secondary-400)}.config-constraint-badge.prefer{background:color-mix(in srgb,var(--brand-primary-500) 25%,var(--surface-2));color:var(--brand-primary-700);border:1px solid var(--brand-primary-400)}.config-row-count-container{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 8%,var(--surface-2)),color-mix(in srgb,var(--brand-primary-500) 5%,var(--surface-2)));border:2px solid var(--brand-primary-400);border-radius:.5rem}.config-row-count{font-size:2rem;font-weight:700;color:var(--brand-primary-600);line-height:1}.config-row-count-label{font-size:.75rem;font-weight:500;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.config-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem}.config-generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand-accent-500),var(--brand-accent-600));border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px color-mix(in srgb,var(--brand-accent-500) 25%,transparent)}.config-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-accent-600),var(--brand-accent-700));transform:translateY(-1px);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--brand-accent-500) 30%,transparent)}.config-generate-btn:active:not(:disabled){transform:translateY(0)}.config-generate-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,var(--surface-3),var(--surface-3));color:var(--text-2)}.config-generate-hint{font-size:.75rem;color:var(--text-2);text-align:center;font-style:italic;margin:0}.inline-loader-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-wrapper{animation:fadeInUp .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.config-empty-state .icon{animation:pulse 2s ease-in-out infinite}.conversation-list-container::-webkit-scrollbar,.chat-messages-container::-webkit-scrollbar,.config-content::-webkit-scrollbar{width:8px;height:8px}.conversation-list-container::-webkit-scrollbar-track,.chat-messages-container::-webkit-scrollbar-track,.config-content::-webkit-scrollbar-track{background:transparent;border-radius:4px}.conversation-list-container::-webkit-scrollbar-thumb,.chat-messages-container::-webkit-scrollbar-thumb,.config-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-1) 25%,transparent);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.conversation-list-container::-webkit-scrollbar-thumb:hover,.chat-messages-container::-webkit-scrollbar-thumb:hover,.config-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-1) 40%,transparent);background-clip:padding-box}.load-more-messages{padding:.75rem;text-align:center;border-bottom:1px solid var(--border);margin-bottom:.5rem}.loading-more{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-2)}.load-more-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;color:var(--brand-primary-700);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 8%,var(--surface-1)),color-mix(in srgb,var(--brand-primary-500) 5%,var(--surface-1)));border:1.5px solid color-mix(in srgb,var(--brand-primary-500) 25%,transparent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 1px 3px #0000001a}.load-more-button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary-500) 15%,var(--surface-1)),color-mix(in srgb,var(--brand-primary-500) 10%,var(--surface-1)));border-color:color-mix(in srgb,var(--brand-primary-500) 40%,transparent);color:var(--brand-primary-800);box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.load-more-button:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.chat-panel-empty{flex:1;display:flex;align-items:center;justify-content:center}.chat-panel-empty-content{text-align:center;color:var(--text-2)}.chat-panel-empty-content .icon{margin:0 auto 1rem;opacity:.2;color:var(--brand-primary-500)}.chat-panel-empty-content p{font-size:.875rem;color:var(--text-1)}.conversations-view{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:0;overflow:hidden;padding:0}.conversations-view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-2)}.conversations-view-loading p{font-size:.875rem}.conversations-filters{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1rem;border:1px solid var(--border)}@media(max-width:1023px){.conversations-filters{flex-direction:column;align-items:stretch}}.filter-tabs{display:flex;gap:.25rem;flex-wrap:wrap;flex-shrink:0}.filter-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-tab:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--text-3)}.filter-tab.active{background:var(--brand-primary-600);color:#fff;border-color:var(--brand-primary-600);font-weight:600}.conversations-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;flex:1;justify-content:flex-end;max-width:100%}@media(max-width:1023px){.conversations-controls{width:100%;flex-wrap:wrap}}.search-input-wrapper{position:relative;width:0;min-width:0;max-width:0;opacity:0;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);order:-1;flex:1;margin-right:0}.search-input-wrapper.expanded{width:100%;min-width:280px;max-width:420px;opacity:1;margin-right:.75rem}@media(max-width:1023px){.search-input-wrapper.expanded{min-width:80%;max-width:100%}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none;z-index:1}.search-input{width:20%;padding:.2rem 2.5rem 0 2.25rem;font-size:.875rem;color:var(--text-1);background:var(--surface-1);border:1px solid var(--brand-primary-300);border-radius:.5rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--brand-primary-500);box-shadow:0 0 0 3px var(--brand-primary-50);background:#fff}.search-input::-moz-placeholder{color:var(--text-3)}.search-input::placeholder{color:var(--text-3)}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--text-3);background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .15s ease;z-index:1}.search-clear-btn:hover{color:var(--text-1);background:var(--surface-3)}.search-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:.875rem;color:var(--text-2);background:var(--surface-1);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .15s ease;flex-shrink:0;order:-1}.search-toggle-btn:hover{color:var(--text-1);background:var(--surface-2);border-color:var(--text-3)}.view-toggle{display:flex;align-items:center;gap:0;background:var(--surface-1);border:1px solid var(--border);border-radius:.5rem;padding:.25rem;flex-shrink:0;height:38px}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;font-size:.875rem;color:var(--text-3);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover{color:var(--text-1);background:var(--surface-2)}.view-toggle-btn.active{color:var(--brand-primary-700);background:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;height:38px;padding:0 1rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--brand-primary-600);border:1px solid var(--brand-primary-600);border-radius:.5rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-primary:hover{background:var(--brand-primary-700);border-color:var(--brand-primary-700);box-shadow:0 2px 4px #0000001a}.btn-primary:active{transform:translateY(1px)}.conversations-list{flex:1;min-height:0;overflow-y:auto;padding:.5rem 0}.conversations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.conversations-empty .empty-icon{color:var(--text-3);opacity:.5}.conversations-empty h4{font-size:1.125rem;font-weight:600;color:var(--text-1);margin:0}.conversations-empty p{font-size:.875rem;color:var(--text-2);max-width:28rem;margin:0}.conversation-cards{display:grid;grid-template-columns:1fr;gap:1rem;padding:.5rem 0}@media(min-width:768px){.conversation-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.conversation-cards{grid-template-columns:repeat(3,1fr)}}.conversation-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.conversation-card:hover{border-color:var(--brand-primary-300);box-shadow:var(--shadow)}.conversation-card.archived{opacity:.7;background:var(--surface-1)}.conversation-card.archived:hover{opacity:.85}.conversation-card-header{display:flex;flex-direction:column;gap:.5rem}.conversation-card-title-row{display:flex;border:0px;align-items:center;justify-content:space-between;gap:.5rem}.conversation-card-title{font-size:1rem;border:0px;font-weight:600;color:var(--text-1);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card-title-edit-btn{opacity:0;transition:opacity .2s ease}.conversation-card:hover .conversation-card-title-edit-btn{opacity:1}.conversation-card-title-edit{display:flex;align-items:center;gap:.5rem;flex:1}.conversation-card-title-input{flex:1;padding:.375rem .75rem;font-size:.875rem;font-weight:600;color:var(--text-1);background:var(--surface-1);border:1px solid var(--brand-primary-500);border-radius:.375rem;outline:none;transition:all .2s ease}.conversation-card-title-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}.conversation-card-title-edit-actions{display:flex;gap:.25rem}.archived-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-3);background:var(--surface-3);border:1px solid var(--border);border-radius:9999px;flex-shrink:0}.conversation-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-3)}.conversation-card-meta span{display:inline-flex;align-items:center;gap:.25rem}.conversation-card-preview{flex:1;min-height:0}.conversation-card-preview p{font-size:.875rem;line-height:1.5;color:var(--text-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.conversation-card-constraints{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.constraints-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--text-2)}.constraints-chips{display:flex;flex-wrap:wrap;gap:.375rem}.constraint-chip{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:var(--brand-primary-700);background:var(--brand-primary-50);border:1px solid var(--brand-primary-200);border-radius:.25rem}.constraint-chip.more{color:var(--text-3);background:var(--surface-3);border-color:var(--border)}.conversation-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.conversation-card-actions-right{display:flex;align-items:center;gap:.25rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .15s ease}.btn-primary.btn-sm{background:var(--brand-primary-600);color:#fff;border:1px solid var(--brand-primary-600)}.btn-primary.btn-sm:hover{background:var(--brand-primary-700);border-color:var(--brand-primary-700)}.btn-ghost{color:var(--text-2);background:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.375rem}.btn-ghost:hover{color:var(--text-1);background:var(--surface-3);border-color:var(--border)}.btn-ghost.btn-sm{padding:.5rem .75rem}.btn-ghost.btn-xs{padding:.375rem .5rem}.btn-ghost.text-red-600{color:#dc2626}.btn-ghost.text-red-600:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.mt-4{margin-top:1rem}.animate-spin{animation:spin 1s linear infinite}.conversation-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-2);box-shadow:0 1px 2px #0000000d}.conversation-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:900px}.conversation-table thead{background:var(--surface-1);border-bottom:2px solid var(--border)}.conversation-table th{padding:.875rem 1.25rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;color:var(--text-2);white-space:nowrap}.conversation-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s ease}.conversation-table tbody tr:last-child{border-bottom:none}.conversation-table tbody tr:hover{background:var(--surface-3)}.conversation-table tbody tr.archived{opacity:.6}.conversation-table tbody tr.archived:hover{opacity:.8}.conversation-table td{padding:1rem 1.25rem;vertical-align:middle}.conversation-table-title{min-width:280px;max-width:400px}.conversation-table-title-cell{display:flex;align-items:center;gap:.5rem}.conversation-table-title-text{font-weight:500;font-size:.9375rem;color:var(--text-1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-table-title-edit-btn{opacity:0;transition:opacity .15s ease;flex-shrink:0}.conversation-table tbody tr:hover .conversation-table-title-edit-btn{opacity:1}.conversation-table-title-edit{display:flex;align-items:center;gap:.5rem;width:100%}.conversation-table-title-input{flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-1);background:var(--surface-1);border:1px solid var(--brand-primary-500);border-radius:.375rem;outline:none}.conversation-table-title-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary-500) 15%,transparent)}.conversation-table-title-edit-actions{display:flex;gap:.25rem;flex-shrink:0}.conversation-table-constraints{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.conversation-table-messages{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-2);font-weight:500;font-size:.875rem}.conversation-table-date{color:var(--text-2);white-space:nowrap;font-size:.875rem}.active-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:#059669;background:#d1fae5;border:1px solid #6ee7b7;border-radius:.375rem;white-space:nowrap}.archived-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:var(--text-3);background:var(--surface-3);border:1px solid var(--border);border-radius:.375rem;flex-shrink:0;white-space:nowrap}.conversation-table-actions{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface-1);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:32rem;width:100%;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-1);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:none;background:transparent;color:var(--text-2);cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:var(--surface-2);color:var(--text-1)}.modal-body{padding:1.5rem}.modal-description{color:var(--text-2);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-1)}.form-input{padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface-2);color:var(--text-1);transition:all .15s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{opacity:.6;cursor:not-allowed}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:.375rem;background:var(--surface-2);color:var(--text-1);cursor:pointer;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.SyntheticDatasetView{display:flex;flex-direction:column;gap:.75rem}.SyntheticDatasetView .sdv-list{display:grid;gap:.75rem}.SyntheticDatasetView .sdv-card{border-radius:8px;padding:.75rem}.SyntheticDatasetConfigView{display:grid;grid-template-columns:1fr 360px;gap:1rem}.SyntheticDatasetConfigView .sdcv-form{padding:.5rem}.SyntheticDatasetConfigView .sdcv-preview{border-left:1px solid var(--muted-border, #e6e6e6);padding-left:1rem}.GenerationRequestView{display:flex;flex-direction:column;gap:.75rem}.GenerationRequestView .grv-form{display:grid;gap:.5rem;grid-template-columns:1fr 320px}.GenerationRequestView .grv-status{padding:.5rem;border-radius:6px}.auth-split{min-height:100vh;background:var(--bg-light);color:var(--text-dark);display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.auth-split{grid-template-columns:1fr}}.auth-brand{display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 85%,white),color-mix(in srgb,var(--accent, #879EA3) 80%,white),color-mix(in srgb,var(--secondary) 80%,white))}.auth-logo{width:15rem;max-width:60vw;filter:drop-shadow(0 10px 22px rgba(0,0,0,.15))}.auth-brand .auth-tagline{margin-top:1.25rem;color:#ffffffeb;font-size:1.05rem;text-align:center}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:3rem 2rem}@media(max-width:800px){.auth-form-wrap{padding:2rem 1.5rem}}@media(max-width:640px){.auth-form-wrap{padding:1.5rem 1rem;align-items:flex-start}}.auth-form-card{width:100%;max-width:32rem;background:#fff;color:var(--text-dark);border:1px solid rgba(0,0,0,.08);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2.5rem;transition:box-shadow .3s ease}@media(max-width:800px){.auth-form-card{max-width:36rem;padding:2rem}}@media(max-width:640px){.auth-form-card{max-width:100%;padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}.auth-form-card:hover{box-shadow:0 25px 50px -12px #00000026}.auth-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}@media(max-width:640px){.auth-title{font-size:1.5rem}}.auth-subtitle{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}.auth-form-card label{color:#1f2937;transition:all .2s ease;font-size:.875rem;font-weight:600;margin-bottom:.5rem;display:block}.auth-form-card input[type=email],.auth-form-card input[type=text],.auth-form-card input[type=password]{width:70%;padding:.75rem 1rem;border-radius:.5rem;background:#f9fafb;color:#1f2937;border:1.5px solid #d1d5db;transition:all .2s ease;font-size:.9375rem}.auth-form-card input[type=email]::-moz-placeholder,.auth-form-card input[type=text]::-moz-placeholder,.auth-form-card input[type=password]::-moz-placeholder{color:#9ca3af}.auth-form-card input[type=email]::placeholder,.auth-form-card input[type=text]::placeholder,.auth-form-card input[type=password]::placeholder{color:#9ca3af}.auth-form-card input:focus{outline:none;border-color:#fabe66;box-shadow:0 0 0 3px #fabe6626;background:#fff}.auth-form-card input:hover:not(:focus):not(:disabled){border-color:#9ca3af;background:#fff}.auth-form-card input:disabled{opacity:.6;cursor:not-allowed;background:#e5e7eb}.auth-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1rem;border-radius:.5rem;background:#fabe66;color:#000;border:1px solid transparent;font-weight:600;font-size:1rem;transition:all .2s ease;cursor:pointer;margin-top:.5rem;box-shadow:0 2px 8px #fabe664d}.auth-submit:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #fabe6666}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-muted{color:#6b7280}.auth-link{color:#fabe66;text-decoration:none;transition:all .2s ease;font-weight:600}.auth-link:hover{text-decoration:underline;color:#d97706}.auth-form-card label,.auth-label{display:block;font-weight:800;color:#374151;margin-bottom:.5rem}.auth-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;background:#f9fafb;color:#1f2937;border:1.5px solid #d1d5db;transition:all .2s ease;font-size:.95rem}.auth-input::-moz-placeholder{color:#9ca3af}.auth-input::placeholder{color:#9ca3af}.auth-input:focus{outline:none;border-color:#fabe66;box-shadow:0 0 0 3px #fabe6626;background:#fff}.auth-input:hover:not(:focus):not(:disabled){border-color:#9ca3af;background:#fff}.auth-input:disabled{opacity:.6;cursor:not-allowed;background:#e5e7eb}.auth-checkbox{width:1.125rem;height:1.125rem;border-radius:.25rem;border:1.5px solid #d1d5db;cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;position:relative;display:inline-block}.auth-checkbox:checked{background-color:#fabe66;border-color:#fabe66}.auth-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;font-weight:700;line-height:1}.auth-checkbox:focus{outline:none;box-shadow:0 0 0 3px #fabe6626}.auth-checkbox:disabled{opacity:.5;cursor:not-allowed}.auth-terms-label{font-size:.875rem;color:#6b7280;cursor:pointer;line-height:1.5}.auth-error{padding:.875rem 1rem;border-radius:.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1.5px solid #ef4444;margin-bottom:1.25rem;animation:slideDown .3s ease-out;box-shadow:0 4px 12px #ef444433}.auth-error p{font-size:.875rem;color:#991b1b;font-weight:500;line-height:1.5;margin:0;display:flex;align-items:flex-start;gap:.5rem}.auth-error p:before{content:"⚠";font-size:1.1rem;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=synthehol-dark] .auth-error,html.dark .auth-error,body.dark .auth-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}[data-theme=synthehol-dark] .auth-error p,html.dark .auth-error p,body.dark .auth-error p{color:#fecaca}.auth-success{padding:.875rem 1rem;border-radius:.5rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1.5px solid #10b981;margin-bottom:1.25rem;animation:slideDown .3s ease-out;box-shadow:0 4px 12px #10b98133}.auth-success p{font-size:.875rem;color:#065f46;font-weight:500;line-height:1.5;margin:0;display:flex;align-items:flex-start;gap:.5rem}.auth-success p:before{content:"✓";font-size:1.1rem;flex-shrink:0}[data-theme=synthehol-dark] .auth-success,html.dark .auth-success,body.dark .auth-success{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}[data-theme=synthehol-dark] .auth-success p,html.dark .auth-success p,body.dark .auth-success p{color:#a7f3d0}.auth-form-card form>div{margin-bottom:1.25rem}.auth-form-card form>div:last-of-type{margin-bottom:0}.auth-form-card form{margin-top:1.5rem}[data-theme=synthehol-dark] .auth-split,html.dark .auth-split,body.dark .auth-split{background:#111827;color:#f9fafb}[data-theme=synthehol-dark] .auth-form-card,html.dark .auth-form-card,body.dark .auth-form-card{background:#1f2937;border-color:#ffffff1a;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}[data-theme=synthehol-dark] .auth-input,html.dark .auth-input,body.dark .auth-input,[data-theme=synthehol-dark] .auth-form-card input[type=email],[data-theme=synthehol-dark] .auth-form-card input[type=text],[data-theme=synthehol-dark] .auth-form-card input[type=password],html.dark .auth-form-card input[type=email],html.dark .auth-form-card input[type=text],html.dark .auth-form-card input[type=password],body.dark .auth-form-card input[type=email],body.dark .auth-form-card input[type=text],body.dark .auth-form-card input[type=password]{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=synthehol-dark] .auth-input:focus,html.dark .auth-input:focus,body.dark .auth-input:focus,[data-theme=synthehol-dark] .auth-form-card input:focus,html.dark .auth-form-card input:focus,body.dark .auth-form-card input:focus{background:#1f2937;border-color:#fabe66}[data-theme=synthehol-dark] .auth-input::-moz-placeholder,html.dark .auth-input::-moz-placeholder,body.dark .auth-input::-moz-placeholder,[data-theme=synthehol-dark] .auth-form-card input::-moz-placeholder,html.dark .auth-form-card input::-moz-placeholder,body.dark .auth-form-card input::-moz-placeholder{color:#9ca3af}[data-theme=synthehol-dark] .auth-input::placeholder,html.dark .auth-input::placeholder,body.dark .auth-input::placeholder,[data-theme=synthehol-dark] .auth-form-card input::placeholder,html.dark .auth-form-card input::placeholder,body.dark .auth-form-card input::placeholder{color:#9ca3af}[data-theme=synthehol-dark] .auth-input:hover:not(:focus):not(:disabled),html.dark .auth-input:hover:not(:focus):not(:disabled),body.dark .auth-input:hover:not(:focus):not(:disabled),[data-theme=synthehol-dark] .auth-form-card input:hover:not(:focus):not(:disabled),html.dark .auth-form-card input:hover:not(:focus):not(:disabled),body.dark .auth-form-card input:hover:not(:focus):not(:disabled){background:#1f2937;border-color:#6b7280}[data-theme=synthehol-dark] .auth-label,html.dark .auth-label,body.dark .auth-label,[data-theme=synthehol-dark] .auth-form-card label,html.dark .auth-form-card label,body.dark .auth-form-card label{color:#f3f4f6}[data-theme=synthehol-dark] .auth-title,html.dark .auth-title,body.dark .auth-title{color:#f9fafb}[data-theme=synthehol-dark] .auth-subtitle,html.dark .auth-subtitle,body.dark .auth-subtitle{color:#9ca3af}[data-theme=synthehol-dark] .auth-terms-label,html.dark .auth-terms-label,body.dark .auth-terms-label{color:#d1d5db}[data-theme=synthehol-dark] .auth-checkbox,html.dark .auth-checkbox,body.dark .auth-checkbox{border-color:#6b7280;background:#374151}[data-theme=synthehol-dark] .auth-muted,html.dark .auth-muted,body.dark .auth-muted{color:#9ca3af}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.subscription-banner-container{max-width:90%;margin:0 auto;padding:.75rem;border-bottom:1px solid var(--border);background-color:var(--surface-2)}@media(min-width:640px){.subscription-banner-container{padding:1.5rem}}@media(min-width:768px){.subscription-banner-container{padding:1rem 1.5rem}}@media(min-width:1024px){.subscription-banner-container{padding:1rem 2rem}}.primary-color{color:var(--primary)}.simplemode-panel-icon{color:var(--primary);font-size:2rem}.available-quota-icon{margin-top:.98em;padding-right:1em}.simplemode-panel-title{color:var(--text-1);font-size:2rem}.glass-card{background:var(--surface-2);border:1px solid var(--border);width:82%;border-radius:.75rem;box-shadow:0 1px 2px #0000000d,0 0 0 1px #e99f621a,0 0 20px #e99f6226;transition:background-color .2s,border-color .2s,box-shadow .3s}.glass-card:hover{box-shadow:0 1px 2px #0000000d,0 0 0 1px #e99f6226,0 0 30px #e99f6240}.simple-config-card{padding:1rem}@media(min-width:768px){.simple-config-card{padding:1.5rem}}.simple-history-card{padding-right:1em;width:95%}.simple-history-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.badge-secondary{font-size:.6875rem;padding:.25rem .625rem;border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface-3);color:var(--text-2);font-weight:500}.simple-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:768px){.simple-grid{gap:1.5rem}}@media(min-width:1024px){.simple-grid{grid-template-columns:minmax(320px,400px) 1fr;gap:2rem}.stats-card{display:block!important}}@media(max-width:1023px){.stats-card{display:none}}.simple-mode-page{max-width:1400px;margin:0 auto;padding:.75rem .5rem}@media(min-width:640px){.simple-mode-page{padding:1.5rem}}@media(min-width:768px){.simple-mode-page{padding:1.5rem}}@media(min-width:1024px){.simple-mode-page{padding:2rem}}.simple-mode-header{margin-bottom:1.5rem}.simple-mode-header h1{font-size:1.75rem;font-weight:600;color:var(--text-1);margin-bottom:.375rem;letter-spacing:-.01em}.simple-mode-header p{font-size:.9375rem;color:var(--text-2);font-weight:400;line-height:1.5}.file-upload-zone{border:2px dashed var(--border);border-radius:.5rem;padding:2rem 1.5rem;text-align:center;background:var(--surface-2);transition:all .2s ease;cursor:pointer;margin-bottom:0}.file-upload-zone:hover{border-color:var(--primary);background-color:#e99f6208}.file-upload-zone.drag-active{border-color:var(--primary);background-color:#e99f620d}.file-upload-icon{width:40px;height:40px;margin:0 auto .75rem;color:var(--primary)}.file-upload-zone h3{font-size:1.125rem;font-weight:500;color:var(--text-1);margin-bottom:.375rem}.file-upload-zone p{color:var(--text-2);margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.file-upload-zone small{color:var(--text-2);display:block;font-size:.75rem;margin-top:.25rem}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-3);border-radius:.5rem;margin-top:1rem;border:1px solid var(--border)}.file-info{display:flex;align-items:center;gap:.75rem}.file-info-text h4{font-weight:600;color:var(--text-1);margin:0 0 .25rem;font-size:.875rem}.file-info-text p{font-size:.75rem;color:var(--text-2);margin:0}.btn-remove{padding:.5rem;background:transparent;border:none;color:var(--text-2);cursor:pointer;border-radius:.375rem;transition:all .2s ease}.btn-remove:hover{background:#ef44441a;color:#dc2626}.generation-config{background:var(--surface-2);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow);transition:background-color .2s,border-color .2s}.generation-config h2{font-size:1.125rem;font-weight:600;color:var(--text-1);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.config-field label{display:block;font-weight:500;color:var(--text-1);margin-bottom:.5rem;font-size:.875rem}.generation-input{width:90%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--surface-2);color:var(--text-1);font-size:.875rem;transition:all .2s ease;outline:none}.generation-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff3b3014}.generation-input:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-3)}.config-field input,.config-field select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-3);color:var(--text-1);font-size:.875rem;transition:all .2s ease}.config-field input:focus,.config-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e99f621a}.config-field small{display:block;margin-top:.25rem;color:var(--text-2);font-size:.75rem}.preset-button{padding:.5rem .75rem;font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:.375rem;background:var(--surface-2);color:var(--text-1);cursor:pointer;transition:all .2s}.preset-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary);color:var(--primary)}.preset-button:disabled{cursor:not-allowed}.quota-info{background:#ff3b300d;border:1px solid rgba(255,59,48,.15);border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.generate-button{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#d2934b,#c67934);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 1px 2px #0000000d}.generate-button:hover:not(:disabled){background:linear-gradient(135deg,#c67934,#b56b2a);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.generate-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.generate-button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-history{background:var(--surface-2);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow);transition:background-color .2s,border-color .2s}.generation-history h2{font-size:1.125rem;font-weight:600;color:var(--text-1);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.history-list{display:flex;flex-direction:column;gap:0}.history-item{background:transparent;border-top:1px solid var(--border);padding:1rem;transition:background-color .2s ease}.history-item:hover{background:var(--surface-3)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.history-title{display:flex;align-items:center;gap:.75rem;flex:1}.history-title h3{font-weight:700;color:var(--syn-ink, #373F57);margin:0;font-size:1.05rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-badge.status-processing,.status-badge.processing{background:#e99f621a;color:var(--primary)}.status-badge.status-completed,.status-badge.completed{background:#10b9811a;color:#059669}.status-badge.status-failed,.status-badge.failed{background:#ef44441a;color:#dc2626}.status-badge.status-pending,.status-badge.pending{background:var(--surface-3);color:var(--text-2)}.history-meta{display:flex;align-items:center;gap:2rem;font-size:.9rem;color:var(--syn-slate, #506273);font-weight:500}.history-meta-item{display:flex;align-items:center;gap:.5rem}.history-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(135,158,163,.15)}.btn-history{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1)}.btn-history:hover{border-color:var(--primary);background:#e99f621a}.btn-history.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-history.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.empty-history{text-align:center;padding:4rem 1.5rem;color:var(--syn-mist, #879EA3)}.empty-history svg{width:64px;height:64px;margin:0 auto 1.5rem;opacity:.4;color:var(--syn-mist, #879EA3)}.empty-history p{font-size:1.05rem;margin:0;font-weight:500;color:var(--syn-slate, #506273)}.history-row{border-bottom:1px solid var(--border);transition:background-color .2s}.history-row:hover{background:var(--surface-3)}.download-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary);color:#fff;font-size:.875rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.download-button:hover{background:var(--syn-terra);transform:translateY(-1px)}.history-item-compact{padding:.875rem 1.5rem;border-bottom:1px solid var(--border);transition:background-color .15s}.history-item-compact:hover{background:#00000005}.history-item-compact:last-child{border-bottom:none}.download-button-compact{display:flex;align-items:center;justify-content:center;padding:.625rem .875rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;height:100%}.download-button-compact:hover{background:#e63027;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1.5rem;border-top:1px solid var(--border);margin-top:0}.pagination-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .15s;min-width:2rem;min-height:2rem}.pagination-button:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.history-table-header{background:var(--surface-2);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;font-size:.625rem;font-weight:600;letter-spacing:.05em;color:var(--text-2);text-transform:uppercase}.history-table-row{display:flex;align-items:center;gap:1rem}.history-table-cell{display:flex;align-items:center}.history-table-body{min-height:400px}.history-item-row{padding:1rem 1.5rem;border-bottom:1px solid var(--border);transition:background-color .15s}.history-item-row:hover{background:#00000004}.history-item-row:last-child{border-bottom:none}.status-indicator{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;transition:all .3s ease}.status-indicator.status-completed{color:#10b981;background:#10b98114;animation:status-complete .5s ease}.status-indicator.status-processing{color:var(--primary);background:#e99f6214;animation:pulse 2s ease-in-out infinite}.status-indicator.status-failed{color:#ef4444;background:#ef444414;animation:status-error .5s ease}.status-indicator.status-pending{color:var(--text-2);background:var(--surface-3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes status-complete{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes status-error{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.download-button-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.download-button-icon:hover{background:#c67934;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.refresh-button-icon{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;color:var(--text-2);border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.refresh-button-icon:hover:not(:disabled){color:var(--primary);background:#e99f621a}.refresh-button-icon:disabled{cursor:not-allowed;opacity:.5}.refresh-history-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-3);color:var(--text-1);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.refresh-history-button:hover:not(:disabled){background:#e99f621a;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.refresh-history-button:disabled{cursor:not-allowed;opacity:.5}.view-button-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.view-button-icon:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.simple-mode-page{padding:.75rem}.config-grid{grid-template-columns:1fr}.history-meta,.history-header{flex-direction:column;align-items:flex-start;gap:.5rem}.simple-mode-header h1{font-size:1.5rem}.history-table-header{padding:.5rem .75rem;font-size:.5625rem}.history-table-row{gap:.5rem}.history-item-row{padding:.75rem}.history-date-cell{display:none!important}.glass-card,.simple-config-card,.simple-history-header{padding:1rem!important}.file-upload-zone{padding:1.5rem 1rem}.generate-button{padding:.875rem 1rem;font-size:.9375rem}}@media(max-width:430px){.subscription-banner-container{padding:.75rem}.simple-mode-page{padding:.5rem}.simple-grid{gap:.75rem}.glass-card{border-radius:.5rem}.simple-config-card{padding:.875rem!important}.simple-history-header{padding:.75rem!important;font-size:.875rem}.simple-history-header h2{font-size:.9375rem!important}.simple-history-header span{font-size:.625rem!important}.simple-history-card{min-height:400px!important}.preset-button{padding:.375rem .625rem;font-size:.8125rem}.status-badge,.status-indicator{font-size:.6875rem;padding:.1875rem .5rem}.history-table-header{display:none}.history-table-row{gap:.375rem}.history-table-cell{font-size:.75rem}.history-item-row{padding:.625rem .5rem;font-size:.8125rem;display:flex;flex-wrap:wrap}.history-cell-name{flex:1 1 100%!important;margin-bottom:.5rem}.history-cell-rows{flex:0 0 auto!important;order:2}.history-cell-status{flex:1 1 auto!important;order:3;text-align:left!important}.history-cell-action{flex:0 0 auto!important;order:4;margin-left:auto}.download-button-icon,.view-button-icon,.download-button-compact{padding:.375rem}.file-upload-zone h3{font-size:1rem}.file-upload-zone p{font-size:.8125rem}}.marketplace-page{max-width:80rem;margin:0 auto;padding:2rem}.marketplace-header{margin-bottom:2rem}.marketplace-header h1{font-size:2rem;font-weight:700;color:var(--text-1);margin-bottom:.5rem}.marketplace-header p{font-size:1rem;color:var(--text-2)}.marketplace-controls{display:flex;gap:1rem;margin-bottom:2rem}.category-filters-container{margin-bottom:2rem}.category-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.filter-label{font-size:.875rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-right:.5rem}.category-button,.filter-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-1);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.category-button:hover,.filter-button:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface-2));transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.category-button.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 40%,transparent)}.category-button.active:hover{background:color-mix(in srgb,var(--primary) 90%,#000);border-color:color-mix(in srgb,var(--primary) 90%,#000)}.filter-button.active{border-color:#10b981;background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.filter-button.active:hover{background:color-mix(in srgb,#10b981 90%,#000);border-color:color-mix(in srgb,#10b981 90%,#000)}.category-button .icon,.filter-button .icon{flex-shrink:0}.category-count{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:12px;background:var(--surface-3);color:var(--text-2);font-size:.75rem;font-weight:700;min-width:1.5rem;justify-content:center}.category-button.active .category-count,.filter-button.active .category-count{background:#ffffff40;color:#fff}.clear-filters-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-1);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover{border-color:#ef4444;background:color-mix(in srgb,#ef4444 5%,var(--surface-2));color:#ef4444}.search-container{flex:1;position:relative}.search-input{width:85%;padding:1rem 1.25rem 1rem 3rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-2);color:var(--text-1);font-size:.875rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.search-input::-moz-placeholder{color:var(--text-3);opacity:.6}.search-input::placeholder{color:var(--text-3);opacity:.6}.search-input:hover{border-color:color-mix(in srgb,var(--border) 150%,transparent)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.dark .search-input,.mint .search-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark .search-input:hover,.mint .search-input:hover{border-color:#475569;background:#0f172a}.dark .search-input:focus,.mint .search-input:focus{background:#0f172a;border-color:var(--primary);color:#fff}.dark .search-input::-moz-placeholder,.mint .search-input::-moz-placeholder{color:#94a3b8;opacity:.7}.dark .search-input::placeholder,.mint .search-input::placeholder{color:#94a3b8;opacity:.7}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.dark .search-icon,.mint .search-icon{color:#94a3b8}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-1);font-weight:500;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface-2));color:var(--primary)}.filter-toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.marketplace-content{display:flex;gap:2rem}.marketplace-main{flex:1}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.marketplace-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.marketplace-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary)}.card-image{width:100%;height:180px;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,#000) 100%);display:flex;align-items:center;justify-content:center;position:relative}.card-image svg{width:64px;height:64px;color:#fff;opacity:.9}.card-price-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#fffffff2;border-radius:20px;font-weight:700;font-size:1rem;color:var(--primary);box-shadow:0 2px 8px #00000026}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-header{margin-bottom:1rem}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-1);margin:0 0 .5rem}.card-provider{font-size:.875rem;color:var(--text-2);margin:0}.card-description{font-size:.875rem;color:var(--text-2);margin-bottom:1rem;line-height:1.5;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .75rem;background:var(--surface-3);border-radius:12px;font-size:.75rem;color:var(--text-2);font-weight:500}.card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-3)}.card-meta-item{display:flex;align-items:center;gap:.25rem}.marketplace-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-3)}.marketplace-loading svg{animation:spin 1s linear infinite;margin-bottom:1rem}.marketplace-empty{text-align:center;padding:4rem 2rem;color:var(--text-3)}.marketplace-empty svg{width:64px;height:64px;margin:0 auto 1rem;opacity:.3}.marketplace-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-1);margin-bottom:.5rem}.marketplace-empty p{font-size:1rem;margin:0}.marketplace-modal-overlay{position:fixed;inset:0;z-index:50;overflow-y:auto;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.marketplace-modal-content{position:relative;margin:2rem auto;max-width:900px;background:var(--surface-1);border-radius:16px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem;border-bottom:1px solid var(--border)}.modal-title{flex:1}.modal-title h2{font-size:1.75rem;font-weight:700;color:var(--text-1);margin:0 0 .5rem}.modal-subtitle{font-size:1rem;color:var(--text-2);margin:0}.modal-close{padding:.5rem;border:none;background:none;color:var(--text-3);cursor:pointer;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--surface-3);color:var(--text-1)}.modal-body{padding:2rem}.modal-preview{width:100%;height:300px;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 80%,#000) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.modal-preview svg{width:96px;height:96px;color:#fff;opacity:.9}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.modal-info-item{display:flex;flex-direction:column;gap:.5rem}.modal-info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-3);letter-spacing:.5px}.modal-info-value{font-size:1rem;color:var(--text-1);display:flex;align-items:center;gap:.5rem}.modal-description{margin-bottom:2rem}.modal-description h3{font-size:1.125rem;font-weight:600;color:var(--text-1);margin:0 0 1rem}.modal-description p{font-size:.875rem;color:var(--text-2);line-height:1.6;margin:0}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.modal-metadata{background:var(--surface-2);border-radius:8px;padding:1rem;margin-bottom:2rem}.modal-metadata h4{font-size:.875rem;font-weight:600;color:var(--text-1);margin:0 0 .75rem}.modal-metadata pre{font-size:.75rem;color:var(--text-2);background:var(--surface-1);padding:1rem;border-radius:6px;overflow-x:auto;margin:0}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-price{font-size:1.5rem;font-weight:700;color:var(--primary)}.modal-download-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.modal-download-btn:hover{background:color-mix(in srgb,var(--primary) 90%,#000);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media(max-width:1024px){.marketplace-content{flex-direction:column}.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.marketplace-page{padding:1rem}.marketplace-controls{flex-direction:column}.marketplace-grid{grid-template-columns:1fr}.modal-content{margin:1rem}.modal-info-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quota-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background:var(--bg-dark);border-radius:12px;border:1px solid color-mix(in srgb,var(--text-dark) 12%,transparent);box-shadow:0 20px 60px #02061740;z-index:9999;animation:slideIn .3s ease-out;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.quota-modal-header{padding:24px 32px;border-bottom:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);display:flex;align-items:center;gap:16px;position:relative;background:var(--bg-dark)}.quota-modal-title{flex:1;font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.quota-modal-close{position:absolute;top:24px;right:24px;background:transparent;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--text-2, color-mix(in srgb, var(--text-dark) 70%, transparent));transition:all .2s ease}.quota-modal-close:hover{background:color-mix(in srgb,var(--text-dark) 8%,transparent);color:var(--text-dark)}.quota-modal-body{padding:24px 32px;overflow-y:auto;flex:1;background:var(--bg-dark)}.quota-message{font-size:1rem;color:var(--text-2, color-mix(in srgb, var(--text-dark) 70%, transparent));line-height:1.6;margin:0 0 20px}.quota-details{background:var(--surface-3, color-mix(in srgb, var(--bg-dark) 85%, black 15%));border:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);border-radius:8px;padding:16px;margin:20px 0}.quota-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.quota-stat:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--text-dark) 8%,transparent)}.quota-label{font-size:.875rem;color:var(--text-3, color-mix(in srgb, var(--text-dark) 55%, transparent));font-weight:500}.quota-value{font-size:1rem;color:var(--text-dark);font-weight:600}.quota-value.capitalize{text-transform:capitalize}.quota-info{display:flex;gap:12px;padding:16px;background:color-mix(in srgb,var(--info, var(--accent)) 10%,var(--bg-dark));border:1px solid color-mix(in srgb,var(--info, var(--accent)) 30%,transparent);border-radius:8px;margin-top:20px}.quota-info p{flex:1;margin:0;font-size:.875rem;color:var(--accent);line-height:1.5}.quota-modal-footer{padding:20px 32px;border-top:1px solid color-mix(in srgb,var(--text-dark) 10%,transparent);display:flex;gap:12px;justify-content:flex-end;background:var(--surface-3, color-mix(in srgb, var(--bg-dark) 90%, black 10%))}.quota-modal-footer button{display:flex;align-items:center;gap:8px}@media(max-width:640px){.quota-modal{width:95%;max-height:95vh}.quota-modal-header,.quota-modal-body,.quota-modal-footer{padding:16px 20px}.quota-modal-title{font-size:1.25rem}.quota-modal-footer{flex-direction:column}.quota-modal-footer button{width:100%;justify-content:center}}