@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.login-container:before{animation:float 20s linear infinite;background:radial-gradient(circle,#1e293b66 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.login-container:after{animation:float 15s linear infinite reverse;background:radial-gradient(circle,#0ea5e91a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:20%;top:20%;width:300px}.login-card{animation:scaleIn .8s var(--transition-normal) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border:1px solid #1e293b80;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000080;max-width:440px;padding:var(--space-12);position:relative;width:100%;z-index:1}.login-card:before{background:linear-gradient(90deg,#0ea5e9,#0284c7,#0ea5e9);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.login-header{animation:fadeIn 1s var(--transition-normal) .2s both;margin-bottom:var(--space-10);text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 var(--space-3) 0;text-shadow:0 2px 4px #0000001a}.login-header p{color:#ffffffe6;font-size:1rem;font-weight:500;margin-top:var(--space-2);opacity:.9}.login-form{animation:slideIn 1s var(--transition-normal) .4s both;gap:var(--space-6)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2);position:relative}.form-group label{color:#ffffffe6;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-group input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a80;border:1px solid #1e293b80;border-radius:var(--radius-xl);color:#fff;font-size:1rem;font-weight:500;padding:var(--space-4) var(--space-5);position:relative;transition:all var(--transition-normal)}.form-group input::placeholder{color:#94a3b899}.form-group input:focus{background:#1e293b80;border-color:#0ea5e980;box-shadow:0 0 0 4px #0ea5e91a;outline:none;transform:translateY(-1px)}.error-message{animation:scaleIn .3s var(--transition-normal) both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-xl);color:var(--error-100);font-size:.875rem;font-weight:500;padding:var(--space-4);text-align:center}.login-button{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:1px solid #0000;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-2);justify-content:center;margin-top:var(--space-4);overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal)}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 10px 30px #0ea5e94d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.login-container{padding:var(--space-4)}.login-card{max-width:100%;padding:var(--space-8)}.login-header h1{font-size:2rem}.form-group input{padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.login-container:after,.login-container:before{animation:none}}.ae-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-surface);border:1px solid #fffc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal)}.ae-card:before{background:var(--gradient-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.ae-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-2xl);transform:translateY(-8px) scale(1.02)}.ae-card:hover:after{background:linear-gradient(135deg,#0ea5e90d,#0369a10d);border-radius:var(--radius-2xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ae-header{margin-bottom:var(--space-6);position:relative;z-index:1}.ae-name{align-items:center;background:#fffc;border:1px solid #fff9;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--gray-800);display:flex;gap:var(--space-3);padding:var(--space-4)}.ae-name svg{animation:float 3s ease-in-out infinite;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;padding:var(--space-2)}.ae-name h3{color:var(--gray-800);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.ae-metrics{display:flex;flex-direction:column;gap:var(--space-6);position:relative;z-index:1}.metric-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.metric-item{background:#fff9;border:1px solid #fff6;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden;padding:var(--space-5);position:relative;transition:all var(--transition-normal)}.metric-item:before{background:linear-gradient(135deg,#fffc,#fff6);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.metric-item:hover:before{opacity:1}.metric-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-label{color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.1em;position:relative;text-transform:uppercase;z-index:1}.metric-values{align-items:baseline;display:flex;gap:var(--space-3);position:relative;z-index:1}.current-value{color:var(--gray-800);font-size:1.75rem;font-weight:800;letter-spacing:-.025em;line-height:1}.prior-value{color:var(--gray-500);font-size:.75rem;font-weight:500}.change{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-1) var(--space-3);position:relative;z-index:1}.change.positive{background:var(--success-100);border:1px solid var(--success-200);color:var(--success-700)}.change.negative{background:var(--error-100);border:1px solid var(--error-200);color:var(--error-700)}.change.neutral{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700)}.trend-up{animation:float 2s ease-in-out infinite;color:var(--success-600)}.trend-down{animation:float 2s ease-in-out infinite reverse;color:var(--error-600)}.trend-flat{color:var(--gray-600)}.ae-accounts{border-top:1px solid #fff9;margin-top:var(--space-6);padding-top:var(--space-6);position:relative;z-index:1}.ae-accounts:before{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.accounts-label{color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.accounts-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-tag{background:var(--gradient-primary);border:1px solid #fff3;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-weight:500;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.account-tag:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.account-more{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);font-size:.75rem;font-style:italic;padding:var(--space-2) var(--space-3)}@media (max-width:768px){.ae-card{padding:var(--space-6)}.metric-row{gap:var(--space-4);grid-template-columns:1fr}.current-value{font-size:1.5rem}.ae-name h3{font-size:1.125rem}}.ae-card:first-child{animation-delay:0s}.ae-card:nth-child(2){animation-delay:.1s}.ae-card:nth-child(3){animation-delay:.2s}.ae-card:nth-child(4){animation-delay:.3s}.summary-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-12)}.stat-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-surface);border:1px solid #fffc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;gap:var(--space-5);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-normal)}.stat-card:before{background:var(--gradient-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-2xl);transform:translateY(-6px) scale(1.02)}.stat-card:hover:after{background:linear-gradient(135deg,#0ea5e908,#0369a108);border-radius:var(--radius-2xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-icon{align-items:center;animation:float 3s ease-in-out infinite;box-shadow:var(--shadow-lg);color:#fff;display:flex;height:64px;justify-content:center;position:relative;width:64px;z-index:1}.stat-icon,.stat-icon:before{background:var(--gradient-primary);border-radius:var(--radius-xl)}.stat-icon:before{bottom:-2px;content:"";filter:blur(4px);left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.stat-content{flex:1 1;position:relative;z-index:1}.stat-label{color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.stat-value{color:var(--gray-800);font-size:2.25rem;font-weight:800;letter-spacing:-.025em;line-height:1;margin-bottom:var(--space-1)}.stat-subtext{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);display:inline-block;font-size:.875rem;font-weight:600;padding:var(--space-1) var(--space-3)}.summary-stats.loading{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-surface);border:1px solid #fffc;border-radius:var(--radius-2xl);color:var(--gray-600);display:flex;font-weight:500;height:120px;justify-content:center}@media (max-width:768px){.summary-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{gap:var(--space-4);padding:var(--space-6)}.stat-icon{height:56px;width:56px}.stat-value{font-size:1.875rem}}@media (max-width:480px){.summary-stats{grid-template-columns:1fr}.stat-card{padding:var(--space-5)}}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.account-lists{display:flex;flex-direction:column;gap:20px;margin-top:30px}.list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.list-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .3s}.list-header:hover{background:#f5f7fa}.new-accounts-header{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.at-risk-header{background:linear-gradient(135deg,#dc3545,#f86734);color:#fff}.header-title{align-items:center;display:flex;gap:10px}.header-title h3{font-size:16px;font-weight:600;margin:0}.list-content{background:#fff;padding:20px}.empty-message{color:#666;margin:0;padding:20px;text-align:center}.accounts-table{background:#eee;border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.table-header,.table-row{align-items:center;background:#fff;display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1fr;padding:12px 16px}.table-header{background:#f5f7fa;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{font-size:14px;transition:background-color .3s}.table-row:hover{background:#f8f9fa}.account-name{color:#036;font-weight:500}.risk-level{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-align:center}.risk-level.high{background:#ffebee;color:#c62828}.risk-level.medium{background:#fff3e0;color:#ef6c00}.risk-level.low{background:#fff8e1;color:#f9a825}.reason{color:#666;font-size:13px}.referral-count{color:#333;font-weight:600}@media (max-width:768px){.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header span:not(:first-child),.table-row span:not(:first-child){display:none}}.timeframe-indicator{animation:slideDown .5s var(--transition-normal) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0ea5e91a,#06b6d41a);border:1px solid #0ea5e933;border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-4)}.timeframe-main{align-items:center;display:flex;gap:var(--space-3)}.timeframe-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.timeframe-content{flex:1 1}.timeframe-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.timeframe-dates{color:var(--primary-600);font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.timeframe-info{align-items:center;background:#0ea5e91a;border-radius:50%;color:var(--primary-500);cursor:help;display:flex;height:24px;justify-content:center;transition:all var(--transition-normal);width:24px}.timeframe-info:hover{background:#0ea5e933;transform:scale(1.1)}.timeframe-note{border-top:1px solid #0ea5e91a;color:var(--text-secondary);padding-top:var(--space-3)}.loading-indicator,.timeframe-note{align-items:center;display:flex;font-size:.875rem;gap:var(--space-2);margin-top:var(--space-3)}.loading-indicator{animation:pulse 2s infinite;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:var(--radius-lg);color:var(--warning-700);padding:var(--space-3)}.loading-icon{animation:spin 2s linear infinite}.loading-bar{background:#fbbf2433;border-radius:2px;flex:1 1;height:4px;margin-left:var(--space-2);overflow:hidden}.loading-progress{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--warning-500),var(--warning-600));border-radius:2px;height:100%;transition:width .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width:768px){.timeframe-indicator{padding:var(--space-3)}.timeframe-dates{font-size:1rem}.timeframe-icon{height:32px;width:32px}.timeframe-icon svg{height:16px;width:16px}}@media (prefers-color-scheme:dark){.timeframe-indicator{background:linear-gradient(135deg,#0ea5e90d,#06b6d40d);border-color:#0ea5e926}.timeframe-dates{color:var(--primary-400)}.loading-indicator{background:#fbbf240d;border-color:#fbbf2426}}.dashboard{background:#0000;min-height:100vh;overflow-x:hidden;position:relative}.dashboard-header{animation:slideIn .8s var(--transition-normal) both;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--gradient-glass);border-bottom:var(--glass-border);box-shadow:var(--shadow-lg);justify-content:space-between;padding:var(--space-6) var(--space-8);position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{animation:fadeIn .8s var(--transition-normal) .2s both;gap:var(--space-10)}.dashboard-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0;text-shadow:0 2px 4px #0000001a}.period-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-1);padding:var(--space-1)}.period-toggle button{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;transition:all var(--transition-normal)}.period-toggle button:before{background:var(--gradient-primary);border-radius:var(--radius-lg);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.period-toggle button.active{box-shadow:var(--shadow-md);color:#fff;font-weight:600;transform:translateY(-1px)}.period-toggle button.active:before{opacity:1}.period-toggle button>*{position:relative;z-index:1}.period-toggle button:hover:not(.active){background:#fffc;box-shadow:var(--shadow-sm);color:var(--primary-700);transform:translateY(-1px)}.header-actions{animation:fadeIn .8s var(--transition-normal) .4s both;display:flex;gap:var(--space-3)}.icon-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #fff3;border-radius:var(--radius-xl);color:var(--gray-600);cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.icon-button,.icon-button:before{transition:all var(--transition-normal)}.icon-button:before{background:var(--gradient-primary);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.icon-button:hover:before{height:100%;width:100%}.icon-button:hover{border-color:#0000;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.icon-button>*{position:relative;z-index:1}.icon-button.logout:hover{background:var(--gradient-primary)}.icon-button.logout:hover:before{background:var(--error-500)}.dashboard-content{animation:fadeIn 1s var(--transition-normal) .6s both;margin:0 auto;max-width:1600px;padding:var(--space-8)}.ae-section{margin-top:var(--space-12);position:relative}.ae-section:before{background:linear-gradient(90deg,#0000 0,var(--primary-200) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:-20px}.ae-section h2{align-items:center;color:var(--gray-800);display:flex;font-size:1.75rem;font-weight:700;gap:var(--space-3);letter-spacing:-.025em;margin-bottom:var(--space-8);position:relative}.ae-section h2:after{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";flex:1 1;height:2px;opacity:.3}.ae-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.error-container,.loading-container{align-items:center;background:var(--gradient-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-6);justify-content:center;margin:var(--space-8);min-height:80vh;padding:var(--space-16);text-align:center}.loading-container{background:var(--gradient-primary);color:#fff}.spinner{animation:spin 1s linear infinite;color:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.error-container p,.loading-container p{font-size:1.125rem;font-weight:500;margin:0;opacity:.9}.retry-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal)}.retry-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.retry-button:hover:before{left:100%}.retry-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}@media (max-width:768px){.dashboard-header{padding:var(--space-4) var(--space-6)}.dashboard-header,.header-left{flex-direction:column;gap:var(--space-4)}.header-left{text-align:center}.dashboard-header h1{font-size:1.5rem}.dashboard-content{padding:var(--space-6) var(--space-4)}.ae-grid{gap:var(--space-6);grid-template-columns:1fr}.period-toggle{order:-1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.dashboard-header{background:#000c;border-bottom:1px solid #ffffff1a}.icon-button,.period-toggle{background:#0000004d}.icon-button{border-color:#ffffff1a;color:var(--gray-300)}}.ai-analysis-container{animation:fadeIn .8s var(--transition-normal) both;background:#0000;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1400px;padding:var(--space-8)}.ai-analysis-header{animation:slideIn .8s var(--transition-normal) .2s both;margin-bottom:var(--space-8)}.header-top{align-items:flex-start;display:flex;gap:var(--space-5)}.back-button{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--gradient-glass);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--gray-600);cursor:pointer;flex-shrink:0;margin-top:var(--space-1);overflow:hidden;padding:var(--space-3);position:relative}.back-button,.back-button:before{transition:all var(--transition-normal)}.back-button:before{background:var(--gradient-primary);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.back-button:hover:before{height:100%;width:100%}.back-button:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.back-button>*{position:relative;z-index:1}.ai-analysis-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--gray-800);font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin:0 0 var(--space-2) 0}.ai-analysis-header p{color:var(--gray-600);font-size:1.125rem;font-weight:500;margin:0}.quick-prompts{animation:scaleIn .6s var(--transition-normal) .4s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-surface);border:1px solid #fffc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--space-8);padding:var(--space-8)}.quick-prompts h3{align-items:center;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:var(--space-2);margin:0 0 var(--space-6) 0}.quick-prompts h3:after{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";flex:1 1;height:2px;opacity:.3}.prompt-buttons{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.prompt-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #fff6;border-radius:var(--radius-xl);color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);overflow:hidden;padding:var(--space-5) var(--space-6);position:relative;transition:all var(--transition-normal)}.prompt-button:before{background:var(--gradient-primary);border-radius:var(--radius-xl);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.prompt-button:hover:before{opacity:.1}.prompt-button:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);color:var(--primary-700);transform:translateY(-2px)}.prompt-button>*{position:relative;z-index:1}.chat-container{animation:scaleIn .8s var(--transition-normal) .6s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--gradient-surface);border:1px solid #fffc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.chat-container:before{background:var(--gradient-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.messages-container{background:linear-gradient(145deg,var(--gray-50) 0,#fffc 100%);flex:1 1;overflow-y:auto;padding:var(--space-8)}.message{animation:fadeIn .4s var(--transition-normal) both;display:flex;flex-direction:column;margin-bottom:var(--space-6)}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff4d;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);max-width:85%;padding:var(--space-4) var(--space-6);position:relative}.message.user .message-content{background:var(--gradient-primary);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff}.message.assistant .message-content{background:#ffffffe6;border:1px solid #fff9;border-bottom-left-radius:var(--radius-md);color:var(--gray-800)}.message-content p{font-weight:500;line-height:1.6;margin:0;white-space:pre-wrap}.message-timestamp{color:var(--gray-500);font-size:.75rem;font-weight:500;margin-left:var(--space-3);margin-right:var(--space-3);margin-top:var(--space-2)}.file-attachment{background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:var(--radius-lg);color:var(--primary-700);font-size:.875rem;font-weight:500;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4)}.file-attachment,.typing-indicator{align-items:center;display:flex;gap:var(--space-2)}.typing-indicator{padding:var(--space-2)}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--primary-500);border-radius:50%;box-shadow:var(--shadow-sm);height:10px;width:10px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.input-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-top:1px solid #fff9;padding:var(--space-8)}.uploaded-file-preview{align-items:center;animation:scaleIn .3s var(--transition-normal) both;background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--radius-xl);color:var(--primary-700);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.uploaded-file-preview button{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;font-size:1.125rem;line-height:1;margin-left:auto;padding:var(--space-1);transition:all var(--transition-fast)}.uploaded-file-preview button:hover{background:var(--error-100);color:var(--error-600)}.input-row{align-items:flex-end;display:flex;gap:var(--space-4)}.upload-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #fff6;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--gray-600);cursor:pointer;flex-shrink:0;overflow:hidden;padding:var(--space-3);position:relative}.upload-button,.upload-button:before{transition:all var(--transition-normal)}.upload-button:before{background:var(--gradient-primary);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.upload-button:hover:before{height:100%;width:100%}.upload-button:hover{box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.upload-button>*{position:relative;z-index:1}.message-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #fff6;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--gray-700);flex:1 1;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.5;max-height:120px;min-height:52px;padding:var(--space-4) var(--space-5);resize:none;transition:all var(--transition-normal)}.message-input::placeholder{color:var(--gray-500)}.message-input:focus{background:#ffffffe6;border-color:var(--primary-300);box-shadow:0 0 0 4px #0ea5e91a;outline:none;transform:translateY(-1px)}.message-input:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.send-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;flex-shrink:0;overflow:hidden;padding:var(--space-3);position:relative;transition:all var(--transition-normal)}.send-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.send-button:hover:not(:disabled):before{left:100%}.send-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:var(--gray-300);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.ai-analysis-container{height:100vh;padding:var(--space-4)}.ai-analysis-header h2{font-size:1.75rem}.quick-prompts{padding:var(--space-6)}.prompt-buttons{gap:var(--space-3);grid-template-columns:1fr}.message-content{max-width:95%}.input-row{flex-direction:column;gap:var(--space-3)}.send-button,.upload-button{align-self:stretch}.messages-container{padding:var(--space-6)}}@media (max-width:480px){.header-top{flex-direction:column;gap:var(--space-3)}.ai-analysis-header h2{font-size:1.5rem}.quick-prompts{padding:var(--space-4)}}.message:first-child{animation-delay:0s}.message:nth-child(2){animation-delay:.1s}.message:nth-child(3){animation-delay:.2s}.message:nth-child(4){animation-delay:.3s}.message:nth-child(5){animation-delay:.4s}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--secondary-50:#fafaf9;--secondary-100:#f5f5f4;--secondary-200:#e7e5e4;--secondary-500:#78716c;--secondary-600:#57534e;--secondary-700:#44403c;--secondary-800:#292524;--secondary-900:#1c1917;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-600) 0%,var(--secondary-800) 100%);--gradient-success:linear-gradient(135deg,var(--success-500) 0%,var(--success-700) 100%);--gradient-surface:linear-gradient(135deg,#fff 0%,var(--gray-50) 100%);--gradient-glass:linear-gradient(135deg,#ffffffe6,#fffc);--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Monaco",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--glass-blur:blur(16px);--glass-border:1px solid #fff3;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f9fafb,#f0f9ff);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-sans);font-weight:400;line-height:1.6;min-height:100vh;text-rendering:optimizeLegibility}.app-loading{align-items:center;background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);color:#fff;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);border-top-color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:64px;width:64px}.app-loading p{font-size:1.125rem;font-weight:500;letter-spacing:.025em;opacity:.9}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#ffffffe6,#fffc);background:var(--gradient-glass);border:1px solid #fff3;border:var(--glass-border)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0284c7,#075985);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .3s both;animation:fadeIn .6s var(--transition-normal) both}.animate-slide-in{animation:slideIn .6s cubic-bezier(.4,0,.2,1) .3s both;animation:slideIn .6s var(--transition-normal) both}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1) .3s both;animation:scaleIn .4s var(--transition-normal) both}.animate-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:#e0f2fe;background:var(--primary-100);color:#075985;color:var(--primary-800)}
/*# sourceMappingURL=main.0c0d2f05.css.map*/