:root{--color-ai-purple-50:#f5f3ff;--color-ai-purple-100:#ede9fe;--color-ai-purple-200:#ddd6fe;--color-ai-purple-300:#c4b5fd;--color-ai-purple-400:#a78bfa;--color-ai-purple-500:#8b5cf6;--color-ai-purple-600:#7c3aed;--color-ai-purple-700:#6d28d9;--color-ai-purple-800:#5b21b6;--color-ai-purple-900:#4c1d95;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-info-50:#eff6ff;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-background-primary:#fff;--color-background-secondary:var(--color-gray-50);--color-background-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:#fff;--color-text-ai:var(--color-ai-purple-600);--color-border-primary:var(--color-gray-200);--color-border-secondary:var(--color-gray-300);--color-border-focus:var(--color-ai-purple-500);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-ai:0 0 20px #8b5cf626;--duration-fast:.15s;--duration-base:.2s;--duration-medium:.3s;--duration-slow:.5s;--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-dropdown:1000;--z-modal:1300;--z-toast:1500}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-secondary)}.flux-transition{transition:all var(--duration-base)var(--ease-in-out)}@keyframes flux-ai-pulse{0%,to{opacity:1}50%{opacity:.5}}
[role=radiogroup] [role=radio],button[role=radio],.group button[role=radio]{border-color:#d1d5db!important}[role=radiogroup] [role=radio][data-state=checked],button[role=radio][data-state=checked],.group button[role=radio][data-state=checked]{border-color:#8b5cf6!important}[role=radiogroup] [role=radio][data-state=checked] svg,button[role=radio][data-state=checked] svg,button[role=radio][data-state=checked] .lucide-circle{color:#8b5cf6!important;fill:#8b5cf6!important}button[role=checkbox][data-state=checked],button[role=checkbox][data-state=indeterminate]{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important;border-color:#8b5cf6!important}button[role=checkbox][data-state=checked] svg,button[role=checkbox][data-state=indeterminate] svg{color:#fff!important}
.flux-button{justify-content:center;align-items:center;gap:var(--spacing-2);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base)var(--ease-in-out);white-space:nowrap;border:1px solid #0000;display:inline-flex;position:relative}.flux-button:disabled{opacity:.5;cursor:not-allowed}.flux-button--sm{padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.flux-button--md{padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.flux-button--lg{padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.flux-button--primary{background:linear-gradient(135deg,var(--color-ai-purple-600),var(--color-ai-purple-500));color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.flux-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-ai-purple-700),var(--color-ai-purple-600));box-shadow:var(--shadow-md);transform:translateY(-1px)}.flux-button--secondary{background:var(--color-background-primary);color:var(--color-ai-purple-600);border-color:var(--color-ai-purple-300)}.flux-button--secondary:hover:not(:disabled){background:var(--color-ai-purple-50)}.flux-button--ghost{color:var(--color-text-secondary);background:0 0}.flux-button--ghost:hover:not(:disabled){background:var(--color-gray-100)}.flux-button--danger{background:var(--color-error-600);color:var(--color-text-inverse)}.flux-button--full-width{width:100%}.flux-button--loading{cursor:wait;color:#0000}.flux-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flux-button__spinner-icon{width:1em;height:1em;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flux-button__spinner-track{opacity:.25}.flux-button__spinner-path{opacity:.75}
.flux-card{background:var(--color-background-primary);border-radius:var(--radius-lg);transition:all var(--duration-base)var(--ease-in-out);overflow:hidden}.flux-card--default{border:1px solid var(--color-border-primary)}.flux-card--elevated{box-shadow:var(--shadow-md);border:1px solid #0000}.flux-card--outlined{border:2px solid var(--color-border-secondary)}.flux-card--ghost{background:var(--color-background-secondary);border:1px solid #0000}.flux-card--hoverable:hover{border-color:var(--color-ai-purple-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.flux-card--clickable{cursor:pointer}.flux-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-6);border-bottom:1px solid var(--color-border-primary);display:flex}.flux-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.flux-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1)0 0 0}.flux-card__body{padding:var(--spacing-6)}.flux-card__footer{padding:var(--spacing-4)var(--spacing-6);border-top:1px solid var(--color-border-primary);background:var(--color-background-secondary)}.flux-metric-card{gap:var(--spacing-2);flex-direction:column;display:flex}.flux-metric-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.flux-metric-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.flux-metric-card__change{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);display:inline-flex}.flux-metric-card__change--positive{color:var(--color-success-600);background:var(--color-success-50)}.flux-metric-card__change--negative{color:var(--color-error-600);background:var(--color-error-50)}.flux-metric-card__change--neutral{color:var(--color-text-secondary);background:var(--color-gray-100)}
.flux-input-wrapper{gap:var(--spacing-2);flex-direction:column;display:flex}.flux-input-wrapper--full-width{width:100%}.flux-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.flux-input-container{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);transition:all var(--duration-base)var(--ease-in-out);align-items:center;display:flex;position:relative}.flux-input-container:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #8b5cf61a}.flux-input-container--sm{padding:var(--spacing-2)var(--spacing-3);gap:var(--spacing-2)}.flux-input-container--md{padding:var(--spacing-3)var(--spacing-4);gap:var(--spacing-2)}.flux-input-container--lg{padding:var(--spacing-4)var(--spacing-5);gap:var(--spacing-3)}.flux-input-container--error{border-color:var(--color-error-500)}.flux-input-container--error:focus-within{border-color:var(--color-error-600);box-shadow:0 0 0 3px #ef44441a}.flux-input-container--success{border-color:var(--color-success-500)}.flux-input-container--success:focus-within{border-color:var(--color-success-600);box-shadow:0 0 0 3px #22c55e1a}.flux-input-container--warning{border-color:var(--color-warning-500)}.flux-input-container--warning:focus-within{border-color:var(--color-warning-600);box-shadow:0 0 0 3px #f59e0b1a}.flux-input-container--disabled{background:var(--color-gray-50);cursor:not-allowed;opacity:.6}.flux-input{min-width:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0}.flux-input::placeholder{color:var(--color-text-tertiary)}.flux-input:disabled{cursor:not-allowed}.flux-input-container--sm .flux-input{font-size:var(--font-size-sm)}.flux-input-container--lg .flux-input{font-size:var(--font-size-lg)}.flux-input-icon{color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flux-input-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.flux-input-message--default{color:var(--color-text-secondary)}.flux-input-message--error{color:var(--color-error-600)}.flux-input-message--success{color:var(--color-success-600)}.flux-input-message--warning{color:var(--color-warning-600)}
.flux-toast-container{z-index:var(--z-toast);gap:var(--spacing-3);padding:var(--spacing-4);flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed}.flux-toast-container--top-right{top:0;right:0}.flux-toast-container--top-left{top:0;left:0}.flux-toast-container--bottom-right{bottom:0;right:0}.flux-toast-container--bottom-left{bottom:0;left:0}.flux-toast{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.flux-toast--success{border-left-color:var(--color-success-500)}.flux-toast--error{border-left-color:var(--color-error-500)}.flux-toast--warning{border-left-color:var(--color-warning-500)}.flux-toast--info{border-left-color:var(--color-info-500)}.flux-toast__message{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.flux-toast__close{color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.flux-toast__close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}
.flux-spinner{justify-content:center;align-items:center;display:inline-flex}.flux-spinner__svg{animation:.6s linear infinite flux-spinner-spin}@keyframes flux-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flux-spinner__track{opacity:.25}.flux-spinner__path{opacity:.75}.flux-spinner__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}.flux-spinner--sm .flux-spinner__svg{width:16px;height:16px}.flux-spinner--md .flux-spinner__svg{width:24px;height:24px}.flux-spinner--lg .flux-spinner__svg{width:32px;height:32px}.flux-spinner--xl .flux-spinner__svg{width:48px;height:48px}.flux-spinner--primary{color:var(--color-ai-purple-600)}.flux-spinner--secondary{color:var(--color-text-secondary)}.flux-spinner--white{color:#fff}.flux-skeleton{background:linear-gradient(90deg,var(--color-gray-200)0%,var(--color-gray-100)50%,var(--color-gray-200)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite flux-skeleton-pulse}@keyframes flux-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.flux-skeleton--text{height:16px;margin-bottom:var(--spacing-2)}.flux-skeleton--text:last-child{margin-bottom:0}.flux-skeleton--circular{border-radius:50%;width:40px;height:40px}.flux-skeleton--rectangular{width:100%;height:200px}.flux-skeleton-text{gap:var(--spacing-2);flex-direction:column;display:flex}.flux-skeleton-card{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.flux-skeleton-card__content{padding:var(--spacing-6);gap:var(--spacing-3);flex-direction:column;display:flex}.flux-skeleton-metric{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;display:flex}.flux-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:flux-overlay-fade-in var(--duration-base)var(--ease-in-out);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes flux-overlay-fade-in{0%{opacity:0}to{opacity:1}}.flux-loading-overlay__content{align-items:center;gap:var(--spacing-4);background:var(--color-background-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:flux-overlay-content-slide-up var(--duration-medium)var(--ease-out);flex-direction:column;display:flex}@keyframes flux-overlay-content-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flux-loading-overlay__message{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;margin:0}
.flux-switch{background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background-color var(--duration-base)var(--ease-in-out);border:none;padding:0;position:relative}.flux-switch:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.flux-switch--checked{background:linear-gradient(135deg,var(--color-ai-purple-600),var(--color-ai-purple-500))}.flux-switch--disabled{opacity:.5;cursor:not-allowed}.flux-switch__thumb{width:20px;height:20px;transition:transform var(--duration-base)var(--ease-in-out);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.flux-switch--checked .flux-switch__thumb{transform:translate(20px)}
.flux-metric-card{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--duration-base)var(--ease-in-out);position:relative;overflow:hidden}.flux-metric-card:hover{border-color:var(--color-ai-purple-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.flux-metric-card__header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.flux-metric-card__icon{background:var(--color-ai-purple-50);width:32px;height:32px;color:var(--color-ai-purple-600);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:18px;display:flex}.flux-metric-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.flux-metric-card__content{justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);display:flex}.flux-metric-card__value-section{flex:1}.flux-metric-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}.flux-metric-card__change{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}.flux-metric-card__change--positive{color:var(--color-success-600)}.flux-metric-card__change--negative{color:var(--color-error-600)}.flux-metric-card__change-arrow{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.flux-metric-card__change-value{font-weight:var(--font-weight-semibold)}.flux-metric-card__change-period{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.flux-metric-card__sparkline-container{width:120px;height:40px;position:relative}.flux-metric-card__sparkline{width:100%;height:100%;color:var(--color-ai-purple-500);opacity:.8}.flux-metric-card--positive .flux-metric-card__sparkline{color:var(--color-success-500)}.flux-metric-card--negative .flux-metric-card__sparkline{color:var(--color-error-500)}.flux-metric-card__prediction{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-primary);align-items:center;gap:var(--spacing-3);background:linear-gradient(to right,var(--color-ai-purple-50),transparent);padding:var(--spacing-3);border-radius:var(--radius-md);margin-left:calc(var(--spacing-3)*-1);margin-right:calc(var(--spacing-3)*-1);margin-bottom:calc(var(--spacing-3)*-1);display:flex}.flux-metric-card__prediction-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.flux-metric-card__prediction-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-ai-purple-700);flex:1}.flux-metric-card__prediction-confidence{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--spacing-1)var(--spacing-2);background:var(--color-ai-purple-100);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.flux-metric-card--loading{pointer-events:none}.flux-metric-card__skeleton{gap:var(--spacing-3);flex-direction:column;display:flex}.flux-metric-card__skeleton-title,.flux-metric-card__skeleton-value,.flux-metric-card__skeleton-detail{background:linear-gradient(90deg,var(--color-gray-200)0%,var(--color-gray-300)50%,var(--color-gray-200)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite flux-skeleton-loading}.flux-metric-card__skeleton-title{width:60%;height:16px}.flux-metric-card__skeleton-value{width:80%;height:36px}.flux-metric-card__skeleton-detail{width:40%;height:12px}@keyframes flux-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.flux-metric-card--positive:hover{border-color:var(--color-success-300)}.flux-metric-card--negative:hover{border-color:var(--color-error-300)}@media (max-width:768px){.flux-metric-card{padding:var(--spacing-4)}.flux-metric-card__value{font-size:var(--font-size-2xl)}.flux-metric-card__sparkline-container{width:80px;height:32px}.flux-metric-card__prediction{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}}
.flux-ai-insight-card{background:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--duration-base)var(--ease-in-out);position:relative;overflow:hidden}.flux-ai-insight-card:before{content:"";background:linear-gradient(to right,var(--color-ai-purple-500),var(--color-ai-purple-300));height:4px;position:absolute;top:0;left:0;right:0}.flux-ai-insight-card:hover{box-shadow:var(--shadow-lg),var(--shadow-ai);transform:translateY(-2px)}.flux-ai-insight-card--opportunity:before{background:linear-gradient(to right,var(--color-ai-purple-500),var(--color-ai-purple-300))}.flux-ai-insight-card--warning:before{background:linear-gradient(to right,var(--color-warning-500),var(--color-warning-300))}.flux-ai-insight-card--suggestion:before{background:linear-gradient(to right,var(--color-info-500),var(--color-info-300))}.flux-ai-insight-card--achievement:before{background:linear-gradient(to right,var(--color-success-500),var(--color-success-300))}.flux-ai-insight-card__dismiss{top:var(--spacing-3);right:var(--spacing-3);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-in-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:flex;position:absolute}.flux-ai-insight-card__dismiss:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.flux-ai-insight-card__header{align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.flux-ai-insight-card__icon{background:var(--color-ai-purple-50);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.flux-ai-insight-card--warning .flux-ai-insight-card__icon{background:var(--color-warning-50)}.flux-ai-insight-card--suggestion .flux-ai-insight-card__icon{background:var(--color-info-50)}.flux-ai-insight-card--achievement .flux-ai-insight-card__icon{background:var(--color-success-50)}.flux-ai-insight-card__header-content{flex:1}.flux-ai-insight-card__type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-ai-purple-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.flux-ai-insight-card--warning .flux-ai-insight-card__type{color:var(--color-warning-600)}.flux-ai-insight-card--suggestion .flux-ai-insight-card__type{color:var(--color-info-600)}.flux-ai-insight-card--achievement .flux-ai-insight-card__type{color:var(--color-success-600)}.flux-ai-insight-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.flux-ai-insight-card__confidence{align-items:flex-end;gap:var(--spacing-1);flex-direction:column;flex-shrink:0;display:flex}.flux-ai-insight-card__confidence-bar{background:var(--color-gray-200);border-radius:var(--radius-full);width:60px;height:6px;overflow:hidden}.flux-ai-insight-card__confidence-fill{background:linear-gradient(to right,var(--color-ai-purple-500),var(--color-ai-purple-400));border-radius:var(--radius-full);height:100%;transition:width var(--duration-medium)var(--ease-out)}.flux-ai-insight-card__confidence-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.flux-ai-insight-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4)0}.flux-ai-insight-card__metric{padding:var(--spacing-3)var(--spacing-4);background:var(--color-ai-purple-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.flux-ai-insight-card__metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.flux-ai-insight-card__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-ai-purple-700)}.flux-ai-insight-card__actions{gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.flux-ai-insight-card__action{padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast)var(--ease-in-out);border:none;flex:1}.flux-ai-insight-card__action--primary{background:var(--color-ai-purple-600);color:var(--color-text-inverse)}.flux-ai-insight-card__action--primary:hover{background:var(--color-ai-purple-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.flux-ai-insight-card__action--secondary{color:var(--color-text-secondary);border:1px solid var(--color-border-primary);background:0 0}.flux-ai-insight-card__action--secondary:hover{background:var(--color-gray-50);border-color:var(--color-border-secondary)}.flux-ai-insight-card__ai-badge{align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-primary);display:flex}.flux-ai-insight-card__ai-badge-icon{font-size:14px}.flux-ai-insight-card__ai-badge-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}@media (max-width:768px){.flux-ai-insight-card{padding:var(--spacing-4)}.flux-ai-insight-card__header{gap:var(--spacing-3)}.flux-ai-insight-card__icon{width:40px;height:40px;font-size:20px}.flux-ai-insight-card__title{font-size:var(--font-size-base)}.flux-ai-insight-card__actions{flex-direction:column}.flux-ai-insight-card__confidence{display:none}}
.flux-data-table{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.flux-data-table__wrapper{overflow:auto visible}.flux-data-table__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.flux-data-table__header{background:var(--color-gray-50);border-bottom:2px solid var(--color-border-primary)}.flux-data-table__cell{padding:var(--spacing-4);text-align:left}.flux-data-table__cell--header{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em;cursor:default;-webkit-user-select:none;user-select:none}.flux-data-table__cell--header:has(.flux-data-table__sort-icon){cursor:pointer}.flux-data-table__cell--header:has(.flux-data-table__sort-icon):hover{background:var(--color-gray-100)}.flux-data-table__header-content{align-items:center;gap:var(--spacing-2);display:flex}.flux-data-table__sort-icon{color:var(--color-text-tertiary);font-size:var(--font-size-sm);opacity:.5}.flux-data-table__cell--header:hover .flux-data-table__sort-icon{opacity:1}.flux-data-table__cell--left{text-align:left}.flux-data-table__cell--center{text-align:center}.flux-data-table__cell--right{text-align:right}.flux-data-table__body{background:var(--color-background-primary)}.flux-data-table__row{border-bottom:1px solid var(--color-border-primary);transition:background-color var(--duration-fast)var(--ease-in-out)}.flux-data-table__row:hover{background:var(--color-gray-50)}.flux-data-table__row:last-child{border-bottom:none}.flux-data-table__row--selected{background:var(--color-ai-purple-50)!important}.flux-data-table__body .flux-data-table__cell{color:var(--color-text-primary);font-size:var(--font-size-sm)}.flux-data-table__cell--checkbox{width:48px;padding-left:var(--spacing-4);padding-right:var(--spacing-2)}.flux-data-table__checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-ai-purple-600)}.flux-data-table__cell--actions{width:200px;padding-right:var(--spacing-4)}.flux-data-table__actions{gap:var(--spacing-2);justify-content:flex-end;display:flex}.flux-data-table__action{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-in-out);white-space:nowrap;background:0 0;display:inline-flex}.flux-data-table__action:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.flux-data-table__action--primary{background:var(--color-ai-purple-600);border-color:var(--color-ai-purple-600);color:var(--color-text-inverse)}.flux-data-table__action--primary:hover:not(:disabled){background:var(--color-ai-purple-700);border-color:var(--color-ai-purple-700)}.flux-data-table__action--danger{border-color:var(--color-error-300);color:var(--color-error-600)}.flux-data-table__action--danger:hover:not(:disabled){background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.flux-data-table__action:disabled{opacity:.5;cursor:not-allowed}.flux-data-table__action-icon{font-size:var(--font-size-sm)}.flux-data-table__action-label{display:inline}.flux-data-table__empty{padding:var(--spacing-12)var(--spacing-6);text-align:center}.flux-data-table__empty-icon{margin-bottom:var(--spacing-4);opacity:.5;font-size:48px}.flux-data-table__empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)0}.flux-data-table__empty-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-6)0;max-width:400px;margin-left:auto;margin-right:auto}.flux-data-table__empty-action{padding:var(--spacing-3)var(--spacing-6);background:var(--color-ai-purple-600);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast)var(--ease-in-out);border:none}.flux-data-table__empty-action:hover{background:var(--color-ai-purple-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.flux-data-table__loading{padding:var(--spacing-12)var(--spacing-6);text-align:center;color:var(--color-text-secondary)}.flux-data-table__loading-spinner{width:40px;height:40px;margin:0 auto var(--spacing-4);border:3px solid var(--color-gray-200);border-top-color:var(--color-ai-purple-600);border-radius:50%;animation:.8s linear infinite flux-spinner}@keyframes flux-spinner{to{transform:rotate(360deg)}}@media (max-width:768px){.flux-data-table__cell{padding:var(--spacing-3)}.flux-data-table__action-label{display:none}.flux-data-table__action{padding:var(--spacing-2)}.flux-data-table__cell--actions{width:auto}}
.flux-modal{z-index:var(--z-modal);padding:var(--spacing-4);animation:flux-modal-fade-in var(--duration-base)var(--ease-in-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes flux-modal-fade-in{0%{opacity:0}to{opacity:1}}.flux-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.flux-modal__content{background:var(--color-background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--spacing-8));animation:flux-modal-slide-up var(--duration-medium)var(--ease-spring);flex-direction:column;display:flex;position:relative}@keyframes flux-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flux-modal__content--sm{width:100%;max-width:400px}.flux-modal__content--md{width:100%;max-width:600px}.flux-modal__content--lg{width:100%;max-width:800px}.flux-modal__content--xl{width:100%;max-width:1200px}.flux-modal__content--full{width:calc(100% - var(--spacing-8));height:calc(100% - var(--spacing-8));max-width:none;max-height:none}.flux-modal__header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.flux-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.flux-modal__close{width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-in-out);margin-left:var(--spacing-4);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;display:flex}.flux-modal__close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.flux-modal__body{padding:var(--spacing-6);flex:1;overflow-y:auto}.flux-modal__footer{padding:var(--spacing-6);border-top:1px solid var(--color-border-primary);justify-content:flex-end;gap:var(--spacing-3);flex-shrink:0;display:flex}@media (max-width:768px){.flux-modal{padding:var(--spacing-2)}.flux-modal__content{max-height:calc(100vh - var(--spacing-4))}.flux-modal__content--full{border-radius:0;width:100%;height:100%}.flux-modal__header,.flux-modal__body,.flux-modal__footer{padding:var(--spacing-4)}.flux-modal__title{font-size:var(--font-size-lg)}}
.flux-drawer{z-index:var(--z-modal);animation:flux-drawer-fade-in var(--duration-base)var(--ease-in-out);position:fixed;inset:0}@keyframes flux-drawer-fade-in{0%{opacity:0}to{opacity:1}}.flux-drawer__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.flux-drawer__content{background:var(--color-background-primary);box-shadow:var(--shadow-xl);transition:transform var(--duration-medium)var(--ease-spring);flex-direction:column;display:flex;position:absolute}.flux-drawer__content--right{border-left:1px solid var(--color-border-primary);top:0;bottom:0;right:0}.flux-drawer__content--right:not(.flux-drawer__content--open){transform:translate(100%)}.flux-drawer__content--left{border-right:1px solid var(--color-border-primary);top:0;bottom:0;left:0}.flux-drawer__content--left:not(.flux-drawer__content--open){transform:translate(-100%)}.flux-drawer__content--top{border-bottom:1px solid var(--color-border-primary);top:0;left:0;right:0}.flux-drawer__content--top:not(.flux-drawer__content--open){transform:translateY(-100%)}.flux-drawer__content--bottom{border-top:1px solid var(--color-border-primary);bottom:0;left:0;right:0}.flux-drawer__content--bottom:not(.flux-drawer__content--open){transform:translateY(100%)}.flux-drawer__content--open{transform:translate(0)}.flux-drawer__content--right.flux-drawer__content--sm,.flux-drawer__content--left.flux-drawer__content--sm{width:320px}.flux-drawer__content--right.flux-drawer__content--md,.flux-drawer__content--left.flux-drawer__content--md{width:480px}.flux-drawer__content--right.flux-drawer__content--lg,.flux-drawer__content--left.flux-drawer__content--lg{width:640px}.flux-drawer__content--right.flux-drawer__content--full,.flux-drawer__content--left.flux-drawer__content--full{width:100%}.flux-drawer__content--top.flux-drawer__content--sm,.flux-drawer__content--bottom.flux-drawer__content--sm{height:240px}.flux-drawer__content--top.flux-drawer__content--md,.flux-drawer__content--bottom.flux-drawer__content--md{height:400px}.flux-drawer__content--top.flux-drawer__content--lg,.flux-drawer__content--bottom.flux-drawer__content--lg{height:600px}.flux-drawer__content--top.flux-drawer__content--full,.flux-drawer__content--bottom.flux-drawer__content--full{height:100%}.flux-drawer__header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.flux-drawer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.flux-drawer__close{width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-in-out);margin-left:var(--spacing-4);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;display:flex}.flux-drawer__close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.flux-drawer__body{padding:var(--spacing-6);flex:1;overflow-y:auto}.flux-drawer__footer{padding:var(--spacing-6);border-top:1px solid var(--color-border-primary);justify-content:flex-end;gap:var(--spacing-3);flex-shrink:0;display:flex}@media (max-width:768px){.flux-drawer__content--right,.flux-drawer__content--left{max-width:100%;width:100%!important}.flux-drawer__header,.flux-drawer__body,.flux-drawer__footer{padding:var(--spacing-4)}.flux-drawer__title{font-size:var(--font-size-lg)}}