.message{margin-bottom:16px;animation:messageSlideIn .3s ease-out}.message-user{display:flex;justify-content:flex-end;padding:0 4px 0 40px}.message-assistant{display:flex;justify-content:flex-start;padding:0 40px 0 4px}.message-container{display:flex;gap:10px;align-items:flex-start;max-width:85%}.message-container-user{justify-content:flex-end}.message-avatar{flex-shrink:0}.message-avatar-assistant{background:linear-gradient(135deg,#667eea,#764ba2)}.message-avatar-user{background:#1890ff}.message-content-wrapper{display:flex;flex-direction:column;min-width:40px;max-width:100%}.message-user .message-content-wrapper{align-items:flex-end}.message-assistant .message-content-wrapper{align-items:flex-start}.message-bubble{padding:10px 16px;border-radius:18px;position:relative;display:inline-block;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.message-bubble-user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #667eea40}.message-bubble-assistant{background:#f5f5f5;color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:0 1px 4px #00000014}.message-text{font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word}.message-time{font-size:11px;color:var(--text-hint);margin-top:4px;padding:0 4px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.message-container{max-width:90%}.message-user{padding:0 4px 0 20px}.message-assistant{padding:0 20px 0 4px}.message-bubble{padding:9px 13px}.message-text{font-size:14px}.message-avatar{width:32px!important;height:32px!important}.message-container{gap:8px}}.message-list{padding:var(--spacing-md);overflow-y:auto;scroll-behavior:smooth}.message-list-empty{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.message-loading{display:flex;justify-content:flex-start;padding:0 var(--spacing-sm)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#f5f5f5;border-radius:16px 16px 16px 4px}.typing-indicator span{width:8px;height:8px;background:#999;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.chat-input{padding:var(--spacing-md);border-top:1px solid rgba(0,0,0,.06);background:#00000005;display:flex;gap:var(--spacing-sm);align-items:flex-end}.chat-input-textarea{flex:1;border-radius:12px!important;padding:10px 14px!important;font-size:14px!important;resize:none!important}.chat-input-textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}.chat-input-button{height:40px;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:500;box-shadow:0 2px 8px #667eea4d;transition:all .3s ease}.chat-input-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.chat-input-button:disabled{background:#d9d9d9;box-shadow:none}@media (max-width: 768px){.chat-input{padding:var(--spacing-sm)}.chat-input-button{padding:0 16px}}.chat-box{height:100%;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,#667eea0d,#764ba20d);flex-shrink:0}.chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}@media (max-width: 768px){.chat-box{max-height:50vh}.chat-header{padding:var(--spacing-md)}.chat-avatar{width:40px;height:40px}}.receipt-uploader{width:100%}.upload-dragger{border-radius:12px!important;border:2px dashed rgba(102,126,234,.3)!important;background:#667eea08!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;margin-bottom:0!important}.upload-dragger:hover{border-color:#667eea!important;background:#667eea14!important}.upload-dragger .ant-upload{padding:40px 24px!important}.ant-upload-drag-icon{margin-bottom:16px}.ant-upload-drag-icon .anticon{font-size:48px!important}.ant-upload-text{font-size:16px!important;font-weight:500!important;color:var(--text-primary)!important;margin:12px 0 8px!important}.ant-upload-hint{font-size:13px!important;color:var(--text-secondary)!important}.preview-section{display:flex;justify-content:center;align-items:center;padding:16px;background:#fff9;border-radius:16px}.preview-section .ant-upload-list-picture-card{display:flex;justify-content:center}.preview-section .ant-upload-list-picture-card-container{width:150px;height:150px}.receipt-uploader .ant-upload-list-picture-card .ant-upload-list-item{border-radius:12px;border:2px solid rgba(102,126,234,.3)}.receipt-uploader .ant-upload-list-picture-card .ant-upload-list-item:hover{border-color:#667eea}.upload-button{height:48px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.upload-button:active:not(:disabled){transform:translateY(0)}.upload-button:disabled{background:#d9d9d9;box-shadow:none;transform:none}.item-card{transition:all .3s ease;border-radius:8px!important}.item-actions .ant-btn-text{padding:4px 8px;transition:all .2s ease}.item-actions .ant-btn-text:hover{background-color:#0000000a;transform:scale(1.1)}.item-actions .ant-btn-text.ant-btn-dangerous:hover{background-color:#ff4d4f1a}.item-card.eligible{border-left:3px solid #52c41a;background:linear-gradient(to right,rgba(82,196,26,.04),transparent)}.item-card.non-eligible{border-left:3px solid #ff4d4f;background:linear-gradient(to right,rgba(255,77,79,.04),transparent)}.item-card.unsure{border-left:3px solid #faad14;background:linear-gradient(to right,rgba(250,173,20,.04),transparent)}.item-card:hover{box-shadow:0 2px 8px #00000014}.item-card .ant-card-body{padding:10px 16px}.item-content-compact{display:flex;align-items:center;gap:12px}.item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.item-info-compact{flex:1;display:flex;align-items:center;min-width:0}.item-info-compact .ant-typography{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions{flex-shrink:0;display:flex;align-items:center}.item-card .ant-input,.item-card .ant-input-number{border-radius:6px}@media (max-width: 768px){.item-content-compact{flex-wrap:wrap}.item-info-compact{width:100%}.item-actions{width:100%;justify-content:flex-end}}.receipt-review{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}.review-header{text-align:center;margin-bottom:24px}.review-content-layout{display:flex;gap:24px;align-items:flex-start}.receipt-image-section{flex:0 0 400px;position:sticky;top:20px;max-height:calc(100vh - 100px);overflow-y:auto}.receipt-info-section{flex:1;min-width:0}.receipt-info-section.full-width{flex:1 1 100%}.receipt-info-section.with-image{flex:1 1 calc(100% - 424px)}@media (max-width: 1200px){.review-content-layout{flex-direction:column}.receipt-image-section{flex:1 1 100%;position:relative;top:0;max-height:500px}.receipt-info-section.with-image{flex:1 1 100%}}.review-header .gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px!important}.receipt-info-card,.items-card,.total-card,.receipt-image-card{border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.receipt-info-card:hover,.items-card:hover{box-shadow:0 6px 16px #0000001f}.receipt-info-card .ant-card-head{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid rgba(102,126,234,.2)}.eligible-card .ant-card-head{background:linear-gradient(135deg,#52c41a1a,#52c41a0d);border-bottom:2px solid rgba(82,196,26,.3)}.non-eligible-card .ant-card-head{background:linear-gradient(135deg,#ff4d4f1a,#ff4d4f0d);border-bottom:2px solid rgba(255,77,79,.3)}.unsure-card .ant-card-head{background:linear-gradient(135deg,#faad141a,#faad140d);border-bottom:2px solid rgba(250,173,20,.3)}.receipt-image-card{height:100%}.receipt-image-card .ant-card-head{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-bottom:2px solid rgba(102,126,234,.3)}.receipt-image-card .ant-card-body{padding:16px}.receipt-image-container{text-align:center;overflow-y:auto;max-height:calc(100vh - 200px)}.receipt-image{width:100%;height:auto;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:zoom-in;transition:transform .3s ease}.receipt-image:hover{transform:scale(1.02)}.total-card{background:linear-gradient(135deg,#52c41a0d,#52c41a05);border:2px solid rgba(82,196,26,.3)}.total-card-compact{border-radius:12px;border:2px solid rgba(82,196,26,.3);background:linear-gradient(135deg,#52c41a14,#52c41a08)}.total-card-compact .ant-card-body{padding:16px 24px}.total-amount-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.action-buttons{display:flex;gap:16px;justify-content:center;margin-top:24px}.action-buttons .ant-btn-primary{background:linear-gradient(135deg,#52c41a,#389e0d);border:none;box-shadow:0 4px 12px #52c41a4d}.action-buttons .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #52c41a66}.action-buttons .ant-btn:not(.ant-btn-primary){border:2px solid #d9d9d9}.action-buttons .ant-btn:not(.ant-btn-primary):hover{border-color:#ff4d4f;color:#ff4d4f}.statistics-grid{margin-bottom:24px}.statistic-card{border-radius:16px;border:2px solid rgba(102,126,234,.1);transition:all .3s ease;position:relative;overflow:hidden}.statistic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.statistic-card:hover{border-color:#667eea4d;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.statistic-card .ant-card-body{padding:20px;display:flex;align-items:center;gap:16px}.statistic-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#667eea1a}.statistic-card .ant-statistic{flex:1}.statistic-card .ant-statistic-title{font-size:14px;color:#666;margin-bottom:4px}.statistic-card .ant-statistic-content{font-size:24px;font-weight:600}@media (max-width: 768px){.statistic-card .ant-statistic-content{font-size:20px}.statistic-icon{width:40px;height:40px;font-size:24px}}.filter-controls-card{border-radius:16px;border:2px solid rgba(102,126,234,.1);box-shadow:0 4px 12px #0000000d}.filter-controls-card .ant-card-body{padding:16px}.filter-controls-card .ant-input,.filter-controls-card .ant-select-selector,.filter-controls-card .ant-picker{border-radius:8px}@media (max-width: 768px){.filter-controls-card .ant-col{margin-bottom:8px}}.expense-item-card{border-radius:16px;border:2px solid rgba(102,126,234,.1);transition:all .3s ease}.expense-item-card:hover{border-color:#667eea4d;box-shadow:0 6px 16px #0000001f}.expense-item-card .ant-card-body{padding:0}.expense-collapse .ant-collapse-header{padding:20px 24px!important}.expense-collapse .ant-collapse-content-box{padding:0 24px 20px!important}.expense-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px}.header-main{flex:1;min-width:0}.header-meta{font-size:13px}.header-amount{text-align:right;flex-shrink:0}.expense-item-details{display:flex;flex-direction:column;gap:20px}.details-section{display:flex;flex-direction:column;gap:12px}.details-section .ant-typography{margin-bottom:8px}.items-list{display:flex;flex-direction:column;gap:8px;padding-left:24px}.item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#00000005;border-radius:8px;transition:all .2s ease}.item-row:hover{background:#667eea0d}.payment-info{padding:12px;background:#00000005;border-radius:8px;border-left:3px solid #667eea}@media (max-width: 768px){.expense-item-header{flex-direction:column;align-items:flex-start}.header-amount{text-align:left;width:100%}.expense-collapse .ant-collapse-header{padding:16px!important}.expense-collapse .ant-collapse-content-box{padding:0 16px 16px!important}.items-list{padding-left:0}}.expense-list{width:100%}.expense-list .ant-list-items{display:flex;flex-direction:column;gap:16px}.expense-list .ant-list-item{border:none;padding:0}.expense-summary{width:100%;max-width:1000px;margin:0 auto}.items-table-container{width:100%}.filter-card{margin-bottom:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 8px #0000000f}.filter-card .ant-card-body{padding:20px}.statistics-bar{padding:12px 16px;background:linear-gradient(135deg,#f6f8fb,#fafbfc);border-radius:8px;border-left:4px solid #1890ff}.statistics-bar .divider{color:#d9d9d9}.items-table{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.items-table .ant-table{font-size:14px}.items-table .ant-table-thead>tr>th{background:#b8b5ff;color:#333;font-weight:600;font-size:12px;border:none;text-align:center;padding:10px 8px;white-space:nowrap}.items-table .ant-table-thead>tr>th.ant-table-cell-fix-left{background:#b8b5ff;text-align:center}.items-table .ant-table-tbody>tr:hover>td{background:#667eea0d}.items-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:10px 8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-table .ant-table-tbody>tr>td .ant-tag{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.items-table .ant-table-tbody>tr:nth-child(2n){background:#f6f8fb80}.items-table .ant-btn-link{padding:0;height:auto}@media (max-width: 768px){.filter-card .ant-card-body{padding:12px}.items-table{font-size:12px}.items-table .ant-table-thead>tr>th{font-size:13px;padding:12px 8px}}.step-indicator{width:100%;display:flex;justify-content:center;padding:16px 24px 8px;background:transparent}.custom-steps{max-width:500px;width:100%}.custom-steps.ant-steps-horizontal{align-items:flex-start}.custom-steps .ant-steps-item,.custom-steps .ant-steps-item-container{padding-bottom:0!important}.custom-steps .ant-steps-item-tail{top:16px!important;padding:0 12px!important}.custom-steps .ant-steps-item-tail:after{height:2px!important;background:linear-gradient(to right,#e8e8e8,#e8e8e8)!important}.custom-steps .ant-steps-item-finish .ant-steps-item-tail:after{background:linear-gradient(to right,#52c41a,#52c41a)!important}.custom-steps .ant-steps-item-title{font-size:13px!important;font-weight:500!important;color:#00000073!important;line-height:1.3!important;padding-top:4px!important}.custom-steps .ant-steps-item-icon{width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important;border:2px solid #e8e8e8!important;background:#fff!important}.custom-steps .ant-steps-item-process .ant-steps-item-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:transparent!important;box-shadow:0 2px 8px #667eea4d}.custom-steps .ant-steps-item-process .ant-steps-item-title{color:#667eea!important;font-weight:600!important}.custom-steps .ant-steps-item-finish .ant-steps-item-icon{border-color:#52c41a!important;background:#fff!important}.custom-steps .ant-steps-item-finish .ant-steps-icon{color:#52c41a!important}.custom-steps .ant-steps-item-finish .ant-steps-item-title{color:#000000a6!important}.custom-steps .ant-steps-item-wait .ant-steps-item-icon{border-color:#e8e8e8!important;background:#fff!important}.custom-steps .ant-steps-item-wait .ant-steps-icon{color:#00000040!important}@media (max-width: 768px){.step-indicator{padding:12px 16px 6px}.custom-steps .ant-steps-item-title{font-size:11px!important}.custom-steps .ant-steps-item-icon{width:28px!important;height:28px!important;line-height:28px!important;font-size:14px!important}.custom-steps .ant-steps-item-tail{top:14px!important}}.home-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.welcome-section-compact{text-align:center;padding:var(--spacing-md) 0;animation:fadeIn .6s ease-out}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px!important;font-weight:700!important;margin-bottom:12px!important}.welcome-description{font-size:16px;color:var(--text-secondary);margin:0 auto}.feature-card-compact{height:100%;border-radius:12px;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .6s ease-out;animation-fill-mode:both}.feature-card-compact:nth-child(1){animation-delay:.1s}.feature-card-compact:nth-child(2){animation-delay:.2s}.feature-card-compact:nth-child(3){animation-delay:.3s}.feature-card-compact:nth-child(4){animation-delay:.4s}.feature-card-compact:hover{transform:translateY(-4px);box-shadow:0 8px 16px #667eea33;border-color:#667eea}.feature-card-compact .ant-card-body{padding:16px}.feature-card-compact .anticon{font-size:28px!important}.upload-card-compact{border-radius:16px;border:1px solid rgba(0,0,0,.06);animation:slideIn .6s ease-out .5s;animation-fill-mode:both}.upload-card-compact .ant-card-body{padding:var(--spacing-lg)}@media (max-width: 768px){.welcome-section-compact{padding:var(--spacing-sm) 0}.gradient-text{font-size:22px!important}.welcome-description{font-size:14px}.feature-card-compact .ant-card-body{padding:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-result{background:linear-gradient(135deg,#52c41a0d,#52c41a05);border-radius:12px;padding:12px 20px;border:1px solid rgba(82,196,26,.2);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 2px 8px #52c41a1a}.action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.action-buttons .ant-btn{min-width:150px;height:48px;font-size:16px;font-weight:600;border-radius:12px;transition:all .3s ease}.action-buttons .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d}.action-buttons .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media (max-width: 768px){.action-buttons{flex-direction:column}.action-buttons .ant-btn{width:100%}}:root{--color-primary: #1890ff;--color-secondary: #52c41a;--color-success: #52c41a;--color-warning: #faad14;--color-error: #f5222d;--color-info: #1890ff;--bg-default: #ffffff;--bg-paper: #fafafa;--bg-gray: #f5f5f5;--text-primary: #262626;--text-secondary: #595959;--text-disabled: #bfbfbf;--text-hint: #8c8c8c;--border-default: #d9d9d9;--border-light: #f0f0f0;--hsa-eligible: #52c41a;--hsa-non-eligible: #f5222d;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 32px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;font-size:var(--font-size-md);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}.page-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:var(--spacing-md) var(--spacing-xl);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000d;z-index:100;flex-shrink:0}.page-header h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.page-content{display:flex;flex:1;overflow:hidden;gap:var(--spacing-md);padding:var(--spacing-md)}.main-section-with-steps{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px #0000001a}.step-indicator-wrapper{flex-shrink:0;padding:0 var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(to bottom,#fff,#f9fafb80);border-radius:24px 24px 0 0}.main-section{flex:1;padding:var(--spacing-lg);overflow-y:auto;background:transparent}.chat-section{width:33%;min-width:400px;flex-shrink:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;border-radius:24px;box-shadow:0 8px 32px #0000001a;overflow:hidden}@media (max-width: 768px){.page-content{flex-direction:column;padding:var(--spacing-sm)}.chat-section{width:100%;max-height:40vh}.main-section{padding:var(--spacing-md)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-bold{font-weight:var(--font-weight-bold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) ease-in-out}.slide-in{animation:slideIn var(--transition-normal) ease-out}.transition{transition:all var(--transition-normal) ease}.transition-fast{transition:all var(--transition-fast) ease}