.drag-drop-container{margin:20px 0}.drag-drop-zone{border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.drag-drop-zone:hover{background-color:#0066cc0d;border-color:#06c}.drag-drop-zone.dragging{background-color:#0066cc1a;border-color:#06c}.upload-icon{color:#666;margin-bottom:15px}.drag-drop-zone.dragging .upload-icon,.drag-drop-zone:hover .upload-icon{color:#06c}.file-types{color:#777;font-size:.85rem;margin-top:10px}.upload-progress{width:100%}.progress-bar{background-color:#eee;margin-bottom:10px}.file-list{overflow-x:auto;width:100%}.file-list table{border-collapse:collapse;width:100%}.file-list td,.file-list th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.file-list th{background-color:#f5f5f5;font-weight:600}.file-list tr:hover{background-color:#f9f9f9}.file-list .delete-button{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:background-color .2s}.file-list .delete-button:hover{background-color:#ff7875}.file-list .delete-button:disabled{background-color:#ffccc7;cursor:not-allowed}.no-files{color:#666;font-style:italic;padding:20px;text-align:center}.upload-page{margin:0 auto;max-width:1000px;padding:20px}.upload-page h1{color:#333;margin-bottom:20px}.upload-page .card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px}.upload-page .card-title{border-bottom:1px solid #eee;color:#333;font-size:1.25rem;margin-bottom:20px;padding-bottom:10px}.upload-page .alert{border-radius:4px;margin-bottom:20px;padding:15px}.upload-page .alert-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.upload-page .alert-error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.analysis-navigation{margin-bottom:20px;width:100%}.steps-container{justify-content:space-between;padding:0 10px}.step,.steps-container{align-items:center;display:flex;position:relative}.step{flex:1 1;flex-direction:column;text-align:center;z-index:1}.step-indicator{align-items:center;border-radius:50%;display:flex;font-weight:700;height:36px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:36px}.check-icon,.step-number{font-size:16px}.step-label{font-size:14px;transition:all .3s ease;white-space:nowrap}.step-connector{height:2px;position:absolute;right:-50%;top:18px;width:100%;z-index:0}.step.upcoming .step-indicator{background-color:#f5f5f5;border:1px solid #ddd;color:#999}.step.upcoming .step-label{color:#999}.step.upcoming .step-connector{background-color:#ddd}.step.current .step-indicator{background-color:#06c;border:1px solid #06c;box-shadow:0 0 0 4px #06c3;color:#fff}.step.current .step-label{color:#06c;font-weight:600}.step.current .step-connector{background-color:#ddd}.step.completed .step-indicator{background-color:#52c41a;border:1px solid #52c41a;color:#fff;cursor:pointer}.step.completed .step-label{color:#52c41a;cursor:pointer}.step.completed .step-connector{background-color:#52c41a}.step.completed:hover .step-indicator{box-shadow:0 0 0 4px #52c41a33}@media (max-width:768px){.step-label{font-size:12px}.step-indicator{height:30px;width:30px}.step-connector{top:15px}}@media (max-width:576px){.step-label{display:none}.steps-container{padding:0}}.step-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.step-line{background-color:#ccc;height:2px;left:50%;position:absolute;top:18px;width:100%;z-index:0}.report-list{overflow-x:auto;width:100%}.report-list table{border-collapse:collapse;width:100%}.report-list td,.report-list th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.report-list th{background-color:#f5f5f5;font-weight:600}.report-list th.sortable{cursor:pointer;position:relative}.report-list th.sortable:hover{background-color:#e5e5e5}.report-list .sort-indicator{font-weight:700;margin-left:5px}.report-list tr:hover{background-color:#f9f9f9}.report-list .actions-cell{display:flex;gap:8px}.report-list .delete-button,.report-list .download-button,.report-list .view-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s}.report-list .view-button{background-color:#f0f2ff;border:1px solid #d6e0ff;color:#36f}.report-list .view-button:hover{background-color:#d6e0ff}.report-list .download-button{background-color:#f0f7ff;border:1px solid #d6edff;color:#06c}.report-list .download-button:hover{background-color:#d6edff}.report-list .delete-button{background-color:#fff1f0;border:1px solid #ffccc7;color:#ff4d4f}.report-list .delete-button:hover{background-color:#ffccc7}.report-list .delete-button:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#d9d9d9;cursor:not-allowed}.loading,.no-reports{color:#666;padding:20px;text-align:center}.no-reports{font-style:italic}@media (max-width:768px){.report-list .actions-cell{flex-direction:column;gap:5px}.report-list .delete-button,.report-list .download-button,.report-list .view-button{width:100%}}.analysis-page{margin:0 auto;max-width:1200px;padding:20px}.analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.analysis-header h1{color:#333;margin:0}.action-buttons{gap:10px}.alert{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.dismiss-button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;text-decoration:underline}.analysis-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.reports-container h2{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.workflow-container{display:flex;flex-direction:column;gap:20px}.step-content{border:1px solid #eee;border-radius:4px;min-height:300px;padding:20px}.progress-bar{background-color:#f5f5f5;border-radius:5px;height:10px;margin-top:10px;max-width:400px;overflow:hidden;width:100%}.progress-fill{background-color:#06c;height:100%;transition:width .3s ease}.section-container{margin:0 0 30px}.section-title{color:#333;font-size:1.5rem;margin-bottom:1rem}.loading-indicator{color:#666;padding:30px;text-align:center}.error-message,.success-message{padding:10px 15px}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a}.form-group,.success-message{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.primary-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.primary-button:hover{background-color:#05a}.primary-button:disabled{background-color:#ccc;cursor:not-allowed}.secondary-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.secondary-button:hover{background-color:#e5e5e5}.file-selection-section{padding:20px}.file-selection-section h2{margin-bottom:20px;margin-top:0}.file-selection-form{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:20px}.file-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.no-files-message{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:30px;text-align:center}.no-files-message p{color:#666;margin-bottom:20px}.calculations-section{padding:20px}@media (max-width:768px){.file-selection-form{padding:15px}.primary-button,.secondary-button{width:100%}}.field-group{border:1px solid #eee;border-radius:4px;margin-bottom:15px;overflow:hidden}.field-group-header{align-items:center;background-color:#f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px}.field-group-header h3{font-size:16px;margin:0}.toggle-icon{font-size:12px}.field-group-content{padding:15px}.mapping-table{border-collapse:collapse;width:100%}.mapping-table td,.mapping-table th{border-bottom:1px solid #eee;padding:10px;text-align:left}.mapping-table th{background-color:#f9f9f9;font-weight:600}.field-name{font-weight:600}.field-description{font-size:14px}.column-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.column-select option[value="Use default values"]{color:#666;font-style:italic}.column-mapping-section{padding:20px}.mapping-instructions{background-color:#f9f9f9;border-left:4px solid #06c;border-radius:4px;margin-bottom:20px;padding:15px}.field-groups{margin-bottom:20px}.mapping-actions{display:flex;justify-content:flex-end;margin-top:20px}.mapping-actions button{margin-left:10px}.match-stats{background-color:#f9f9f9;border-radius:8px}.match-stats h3{font-size:18px;margin-bottom:15px;margin-top:0}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.stat-value{color:#06c}.category-distribution{margin-top:20px}.category-distribution h4{font-size:16px;margin-bottom:15px;margin-top:0}.category-bars{display:flex;flex-direction:column;gap:10px}.category-bar-item{margin-bottom:5px}.category-label{display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.category-bar{background-color:#f0f0f0;border-radius:5px;height:10px;overflow:hidden;width:100%}.category-bar-fill{background-color:#06c;border-radius:5px;height:100%}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.part-matching-section{padding:20px}.part-matching-header{justify-content:space-between}.part-matching-header,.threshold-control{align-items:center;display:flex;margin-bottom:20px}.threshold-control{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;gap:15px;padding:15px}.threshold-control label{font-weight:600;white-space:nowrap}.threshold-slider{flex-grow:1;max-width:300px}.threshold-input{text-align:center;width:60px}.threshold-description{color:#666;font-size:14px;margin-top:8px}.matches-table{border-collapse:collapse;margin-bottom:20px;width:100%}.matches-table td,.matches-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.matches-table th{background-color:#f5f5f5;font-weight:600}.confidence-cell{position:relative}.confidence-bar{background-color:#e5e5e5;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.confidence-fill{border-radius:4px;height:100%}.high-confidence .confidence-fill{background-color:#52c41a}.medium-confidence .confidence-fill{background-color:#faad14}.low-confidence .confidence-fill{background-color:#ff4d4f}.category-select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.match-stats{background-color:#f5f5f5;border:1px solid #eee;border-radius:4px;margin-bottom:20px;padding:15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.stat-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:15px}.stat-value{font-size:24px;font-weight:600;margin-bottom:5px}.stat-label{color:#666;font-size:14px}@media (max-width:768px){.threshold-control{align-items:flex-start;flex-direction:column}.threshold-input,.threshold-slider{max-width:none;width:100%}}.completeness-indicator{margin:10px 0}.completeness-label{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.completeness-value{font-weight:600}.completeness-bar{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.completeness-fill{border-radius:4px;height:100%}.completeness-fill.high{background-color:#52c41a}.completeness-fill.medium{background-color:#faad14}.completeness-fill.low{background-color:#ff4d4f}.part-context-section{padding:20px}.part-context-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.view-mode-buttons{display:flex;gap:10px}.view-mode-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 15px;transition:all .2s}.view-mode-button.active{background-color:#06c;border-color:#06c;color:#fff}.instructions{background-color:#f9f9f9;border-left:4px solid #06c;border-radius:4px;margin-bottom:20px;padding:15px}.filter-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.filter-item{flex-grow:1}.filter-item label{display:block;font-weight:500;margin-bottom:6px}.filter-select,.search-input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.parts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.part-card{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:15px}.part-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.part-header h3{font-size:16px;font-weight:600;margin:0}.category-badge{background-color:#e6f7ff;border-radius:12px;color:#06c;font-size:12px;font-weight:500;padding:4px 8px}.part-fields{margin-top:15px}.field-row{margin-bottom:15px}.field-label{display:block;margin-bottom:4px}.field-name{color:#333;display:block;font-family:monospace;font-size:14px;font-weight:500}.field-description{color:#666;display:block;font-size:12px;margin-bottom:4px;margin-top:2px}.field-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px;width:100%}.field-input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.parts-table-container{margin-bottom:20px}.parts-table{min-width:800px}.parts-table td,.parts-table th{border:solid #ddd;padding:8px 12px}.parts-table th{position:sticky;top:0;z-index:10}.table-field-header{display:flex;flex-direction:column}.table-field-name{font-size:13px;font-weight:600}.table-field-description{color:#666;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parts-table tr:nth-child(2n){background-color:#f9f9f9}.parts-table tr:hover{background-color:#f0f8ff}.table-field-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:4px 8px;width:100%}.table-field-input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.no-parts{background-color:#f9f9f9;border-radius:4px;color:#666;grid-column:1/-1;padding:40px;text-align:center}@media (max-width:768px){.parts-container{grid-template-columns:1fr}.view-mode-buttons{flex-direction:column}}.calculations-container{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:16px}.calculations-container h2{color:#333;font-size:1.5rem;margin-bottom:12px}.loading-text{color:#007bff;font-size:1.2rem}.error-text{color:#dc3545;font-size:1.2rem}.calculation-results{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:12px}.calculation-results p{color:#212529;font-size:1rem;margin:8px 0}.calculation-results strong{color:#000}.warning-message{background-color:#fff8e6;border:1px solid #ffe58f;border-radius:4px;margin-bottom:20px;padding:16px}.warning-message h3{color:#d48806;margin-bottom:12px;margin-top:0}.missing-data-summary{background-color:#f9f9f9;border-radius:4px;margin-top:12px;padding:12px}.scenario-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.scenario-option{align-items:center;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:10px}.scenario-option:hover{background-color:#f9f9f9}.scenario-description{font-size:.85rem}.summary-cards{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:24px}.summary-card{box-shadow:0 1px 2px #0000001a;padding:16px}.summary-card h4{margin-bottom:12px}.summary-value{margin-bottom:8px}.summary-subtext{color:#666;font-size:.85rem}.parts-table-container{margin-bottom:24px;overflow-x:auto}.parts-table{border-collapse:collapse;width:100%}.parts-table td,.parts-table th{border-bottom:1px solid #eee;padding:10px;text-align:left}.parts-table th{background-color:#f5f5f5;font-weight:600}.parts-table tbody tr:hover{background-color:#f9f9f9}@media (max-width:768px){.calculations-container{padding:12px}.calculation-results p{font-size:.9rem}.summary-cards{grid-template-columns:1fr}}.value-savings-section{padding:20px}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.analysis-settings{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.settings-card{background-color:#f9f9f9;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:20px}.settings-card h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.scenario-selector{display:flex;flex-direction:column;gap:15px}.scenario-selector label{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s}.scenario-selector label:hover{background-color:#f0f8ff}.scenario-selector input[type=radio]{margin:0}.scenario-details{display:flex;flex-direction:column}.scenario-name{font-size:16px;font-weight:600}.scenario-description{color:#666;font-size:14px}.assumptions-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:14px;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:4px;padding:8px}.input-help{color:#666;font-size:12px}.form-actions{display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;margin-top:15px}.calculate-section{display:flex;justify-content:center;margin-top:10px}.calculate-button{font-size:16px;padding:12px 30px}.results-section{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-top:30px;padding:20px}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.summary-card{background-color:#f9f9f9;border-radius:4px;box-shadow:0 1px 2px #0000000d;padding:15px}.summary-card h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.summary-value{color:#06c;font-size:24px;font-weight:600}.sku-table-container{margin-bottom:20px;overflow-x:auto}.sku-table{border-collapse:collapse;min-width:800px;width:100%}.sku-table td,.sku-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.sku-table th{background-color:#f5f5f5;font-weight:600}.sortable-header{cursor:pointer;position:relative}.sortable-header:hover{background-color:#e5e5e5}.sort-indicator{font-weight:700;margin-left:5px}.sku-table tr:hover{background-color:#f0f8ff}.action-buttons{display:flex;justify-content:flex-end;margin-top:20px}@media (max-width:768px){.assumptions-form,.summary-cards{grid-template-columns:1fr}}.report-generation-section{padding:20px}.report-config-card,.report-preview-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;padding:15px}.error-message,.report-name-field{margin-bottom:20px}.report-name-field label{display:block;font-weight:500;margin-bottom:8px}.report-name-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.config-toggles{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px}.config-item,.config-item label{align-items:center;display:flex}.config-item label{cursor:pointer;gap:10px}.config-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.generate-button-container{display:flex;justify-content:flex-end}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.export-buttons{display:flex;gap:10px}.export-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.export-button:disabled{cursor:not-allowed;opacity:.5}.pdf-button{background-color:#f56565;color:#fff}.pdf-button:hover:not(:disabled){background-color:#e53e3e}.excel-button{background-color:#48bb78;color:#fff}.excel-button:hover:not(:disabled){background-color:#38a169}.generating-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.progress-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#06c;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.report-preview{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;max-height:600px;overflow-y:auto;padding:20px}.preview-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:20px}.preview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-section h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.summary-metrics{display:flex;gap:20px;margin-top:15px}.metric{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:15px}.metric-value{color:#06c;font-size:24px;font-weight:600;margin-bottom:5px}.metric-label{color:#666;font-size:14px}.top-parts{margin-top:15px}.top-parts table{border-collapse:collapse;width:100%}.top-parts td,.top-parts th{border-bottom:1px solid #eee;padding:10px;text-align:left}.top-parts th{background-color:#f5f5f5;font-weight:600}.top-categories{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.category-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:5px;padding:15px}.category-name{font-weight:500}.category-value{color:#06c;font-weight:600}.recommendations-list{margin:15px 0 0 20px}.recommendations-list li{margin-bottom:10px}.no-data{color:#666;font-style:italic;padding:30px;text-align:center}.data-fetch-notice{background-color:#f0f7ff;border-radius:4px;margin-top:15px;padding:15px;text-align:center}.data-fetch-notice p{margin-bottom:10px}@media (max-width:768px){.preview-header{align-items:flex-start;gap:10px}.preview-header,.summary-metrics{flex-direction:column}.config-toggles{grid-template-columns:1fr}.export-buttons{width:100%}.export-button{flex:1 1;text-align:center}}.chat-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:80vh;max-width:600px;width:100%}.chat-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.chat-header h2{color:#333;font-size:1.2rem;margin:0}.new-chat-btn{background-color:#f1f1f1;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:.8rem;padding:5px 10px}.new-chat-btn:hover{background-color:#e0e0e0}.chat-messages{display:flex;flex-direction:column;height:100%;margin-bottom:10px;overflow-y:auto;padding:15px}.chat-message{word-wrap:break-word;border-radius:12px;margin:6px 0;max-width:80%;padding:10px 14px}.chat-message.user{align-self:flex-end;background-color:#007bff;color:#fff}.chat-message.assistant{align-self:flex-start;background-color:#f1f1f1;color:#333}.chat-message.loading{background-color:#e9e9e9;color:#666;font-style:italic}.message-content{white-space:pre-wrap}.chat-placeholder{color:#999;margin:auto;text-align:center}.hint{color:#777;font-size:.9em;margin-top:8px}.chat-input{background-color:#f9f9f9;border-top:1px solid #eee;display:flex;padding:15px}.chat-input input{border:1px solid #ccc;border-radius:20px;flex:1 1;font-size:14px;padding:10px 15px}.chat-input input:focus{border-color:#007bff;outline:none}.chat-input button{border:none;border-radius:20px;cursor:pointer;font-weight:500;margin-left:8px;padding:8px 16px;transition:background-color .2s}.image-button{background-color:#6c757d;color:#fff}.image-button:hover{background-color:#5a6268}.send-button{background-color:#007bff;color:#fff}.send-button:hover{background-color:#0069d9}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-image{border-radius:8px;max-height:200px}.chat-image,.image-container{margin-top:8px;max-width:100%}.image-container{overflow:hidden}.image-preview{display:inline-block;margin:10px 15px;max-width:150px;position:relative}.image-preview img{border:1px solid #ddd;border-radius:8px;max-width:100%}.clear-image{align-items:center;background-color:#ff0000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;width:24px}.clear-image:hover{background-color:#ff0000e6}.chat-page{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;height:100vh;justify-content:center}h1{font-size:24px;margin-bottom:20px}.main-nav{background-color:#1a1a1a;box-shadow:0 2px 4px #0000001a;color:#fff}.nav-container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:20px}.nav-links a{border-radius:4px;color:#ccc;font-size:1rem;padding:8px 12px;text-decoration:none;transition:color .2s}.nav-links a:hover{background-color:#ffffff1a;color:#fff}.nav-links a.active{background-color:#06c;color:#fff}@media (max-width:768px){.nav-container{flex-direction:column;height:auto;padding:15px}.nav-links{flex-wrap:wrap;justify-content:center;margin-top:15px}.nav-links li{margin:5px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{background-color:#f5f5f5;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}.button,button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.button:hover,button:hover{background-color:#05a}.button:disabled,button:disabled{background-color:#ccc;cursor:not-allowed}input,select,textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}input:focus,select:focus,textarea:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}label{display:block;font-weight:500;margin-bottom:.5rem}table{border-collapse:collapse;margin-bottom:1rem;width:100%}td,th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}th{background-color:#f5f5f5;font-weight:600}tr:hover{background-color:#f9f9f9}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.card-title{border-bottom:1px solid #eee;font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-info{background-color:#e6f7ff;border:1px solid #91d5ff;color:#06c}.alert-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.alert-warning{background-color:#fffbe6;border:1px solid #ffe58f;color:#faad14}.alert-error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}
/*# sourceMappingURL=main.f92e7959.css.map*/