body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}:root{--primary-color:#4caf50;--primary-hover-color:#45a049;--border-color:#e0e0e0;--focus-color:#e6f3ff;--hover-color:#f0f0f0;--edited-color:#e8f0fe;--disabled-color:#ccc;--error-color:red;--box-shadow:0 0 20px #0000001a;--border-radius:4px}.spreadsheet-container{margin-bottom:20px;max-width:100%;overflow-x:auto}.bulk-edit-container{background-color:#f8f9fa;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);margin-bottom:20px;padding:15px}.editable-spreadsheet{border-collapse:collapse;box-shadow:0 0 20px #0000001a;box-shadow:var(--box-shadow);display:block;font-family:Arial,sans-serif;margin-top:20px;overflow-x:auto;overflow-y:visible;white-space:nowrap;width:100%}.editable-spreadsheet td,.editable-spreadsheet th{border:1px solid #e0e0e0;border:1px solid var(--border-color);padding:0}.editable-spreadsheet .column-header,.editable-spreadsheet .row-header,.editable-spreadsheet th{background-color:#f8f9fa;background-color:var(--background-color);font-weight:700;padding:12px;text-align:center}.bulk-edit-container input,.editable-spreadsheet input{background-color:initial;border:none;font-size:14px;outline:none;padding:8px;transition:background-color .3s;width:100%}.editable-spreadsheet input:focus{background-color:#e6f3ff;background-color:var(--focus-color)}.editable-spreadsheet input:hover{background-color:#f0f0f0;background-color:var(--hover-color)}.editable-spreadsheet .cell-edited{background-color:#e8f0fe;background-color:var(--edited-color)}.bulk-edit-container button,.confirm-dialog-content button,.delete-rows-container button,.deletion-log-content button,.manage-words-modal button{background-color:#4caf50;background-color:var(--primary-color);border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;padding:8px 15px}.bulk-edit-container button:hover,.confirm-dialog-content button:hover,.delete-rows-container button:hover,.deletion-log-content button:hover,.manage-words-modal button:hover{background-color:#45a049;background-color:var(--primary-hover-color)}.bulk-edit-container button:disabled,.delete-rows-container button:disabled{background-color:#ccc;background-color:var(--disabled-color);cursor:not-allowed}.bulk-edit-container h3{margin-bottom:10px;margin-top:0}.error-message{color:var(--error-color)}@media (max-width:768px){.editable-spreadsheet input{font-size:12px;padding:6px}}.editable-spreadsheet-container .error-message,.editable-spreadsheet-container .loading-message,.editable-spreadsheet-container .no-data-message{border-radius:4px;font-weight:700;margin-bottom:20px;padding:15px}.editable-spreadsheet-container .loading-message{background-color:#e8f5e9;color:#2e7d32}.editable-spreadsheet-container .error-message{background-color:#ffebee;color:#c62828}.editable-spreadsheet-container .no-data-message{background-color:#fff3e0;color:#ef6c00}.debug-info{word-wrap:break-word;align-items:center;background-color:#f0f0f0;background-color:var(--hover-color);box-sizing:border-box;display:flex;flex-wrap:wrap;margin:10px 0;padding:10px;width:100%}.debug-info p{font-size:12px;margin-right:20px}@media (max-width:600px){.debug-info{align-items:flex-start;flex-direction:column}.debug-info p{font-size:10px;margin-bottom:10px;margin-right:0}}.delete-button{background-color:#e74c3c;border-radius:3px;font-size:.9rem;padding:5px 10px}.delete-button:hover{background-color:#c0392b}.delete-rows-container{margin:20px 0}.delete-rows-container input{font-size:1rem;padding:5px;width:300px}.delete-rows-container button{background-color:#e74c3c;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;padding:5px 10px}.delete-rows-container button:hover{background-color:#c0392b}.confirm-dialog{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirm-dialog-content{background-color:#fff;border-radius:4px;border-radius:var(--border-radius);max-height:80%;overflow-y:auto;padding:20px;width:500px}.confirm-dialog-content p{font-size:1.1rem;margin-bottom:10px}.confirm-dialog-content ul{list-style-type:disc;margin-left:20px;max-height:300px;overflow-y:auto}.confirm-dialog-content button{border-radius:4px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;margin:10px 5px 0 0;padding:5px 10px}.confirm-button{background-color:#dc3545;color:#fff}.confirm-button:hover{background-color:#c82333}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.deletion-log-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.deletion-log-content{background:#fff;border-radius:4px;border-radius:var(--border-radius);max-width:800px;padding:20px;position:relative;width:90%}.deletion-log-content h3{margin-top:0}.deletion-log-content .close-modal-button{background:red;background:var(--error-color);border-radius:4px;border-radius:var(--border-radius);color:#fff;font-size:1.2rem;line-height:1;padding:5px 10px}.deletion-log-content .close-modal-button:hover{background-color:#c0392b}.deleted-items-table{border-collapse:collapse;margin-top:10px;width:100%}.deleted-items-table td,.deleted-items-table th{border:1px solid #e0e0e0;border:1px solid var(--border-color);padding:8px;text-align:left}.deleted-items-table th{background-color:#f8f9fa;background-color:var(--background-color)}.restore-button{background-color:#2ecc71;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px}.restore-button:hover{background-color:#27ae60}.view-deletion-log-button{background-color:#3498db;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;padding:5px 10px}.view-deletion-log-button:hover{background-color:#2980b9}.manage-words-modal{background:#fff;border-radius:4px;border-radius:var(--border-radius);bottom:auto;box-shadow:0 2px 10px #0000001a;left:50%;max-width:500px;padding:20px;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}.manage-words-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}.manage-words-input{display:flex;margin-bottom:20px}.manage-words-input input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:8px}.manage-words-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 12px}.manage-words-input button:hover{background-color:#0056b3}.manage-words-list{list-style:none;padding:0}.manage-words-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:6px 0}.manage-words-list button{background:none;border:none;color:#ff4d4f;cursor:pointer}.manage-words-list button:hover{color:#d9363e}.editable-spreadsheet-container .delete-rows-container .react-select__multi-value{background-color:#e0e0e0}.editable-spreadsheet-container .delete-rows-container .react-select__multi-value__label{color:#333}.editable-spreadsheet-container .delete-rows-container .react-select__multi-value__remove{color:#666}.editable-spreadsheet-container .delete-rows-container .react-select__multi-value__remove:hover{background-color:#ccc;color:#000}.confirm-dialog-content .confirm-button{background-color:#dc3545;border:none;color:#fff}.confirm-dialog-content .confirm-button:hover{background-color:#c82333}.confirm-dialog-content .cancel-button{background-color:#6c757d;border:none;color:#fff}.confirm-dialog-content .cancel-button:hover{background-color:#5a6268}.deletion-log-content .close-modal-button,.manage-words-modal .close-modal-button{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.deletion-log-content .restore-button{background-color:#2ecc71;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px}.deletion-log-content .restore-button:hover{background-color:#27ae60}.manage-words-import{margin-top:20px}.manage-words-import textarea{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.manage-words-import button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.manage-words-import button:hover{background-color:#138496}.manage-words-button{background-color:#007bff;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;padding:8px 15px}.manage-words-button:hover{background-color:#0056b3}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay{background-color:#ffffffb3;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay,.top-controls{align-items:center;display:flex}.top-controls{gap:20px;justify-content:flex-start;margin-bottom:10px}.csv-download-button-container{margin-left:10px}.csv-download-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;padding:8px 16px}.csv-download-button:hover{background-color:#45a049}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-controls button{padding:6px 12px}.pagination-controls span{margin:0 5px}:root{--primary-color:#1a1d21;--secondary-color:#2c2d30;--accent-color:#2196f3;--background-color:#f8f9fa;--text-color:#1d1c1d;--border-color:#ddd;--success-color:#2eb67d;--warning-color:#ecb22e;--error-color:#e01e5a;--card-bg-color:#fff;--hover-color:#0000000d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:16px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--sidebar-width:240px;--icon-nav-width:50px;--main-content-padding:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--background-color);color:#1d1c1d;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.app-container{display:flex;height:100vh;overflow:hidden;width:100vw}.icon-nav{background-color:#1a1d21;background-color:var(--primary-color);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:16px;gap:var(--spacing-lg);padding:16px 0;padding:var(--spacing-lg) 0;width:50px;width:var(--icon-nav-width);z-index:1000}.icon-nav,.icon-nav-item{align-items:center;display:flex}.icon-nav-item{border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:20px;height:36px;justify-content:center;transition:background-color .2s ease;transition:background-color var(--transition-fast);width:36px}.icon-nav-item:hover{background-color:#2c2d30;background-color:var(--secondary-color)}.icon-nav-item.active{background-color:#2196f3;background-color:var(--accent-color)}.sidebar{background-color:#1a1d21;background-color:var(--primary-color);color:#fff;flex-shrink:0;overflow-y:auto;transition:all .3s ease;transition:all var(--transition-normal);width:240px;width:var(--sidebar-width);z-index:999}.sidebar.collapsed{opacity:0;transform:translateX(-100%);width:0}.sidebar.expanded{opacity:1;transform:translateX(0);width:240px;width:var(--sidebar-width)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-lg)}.sidebar-header h2{font-size:16px;font-weight:600;margin:0}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.sidebar-content{padding:8px 0;padding:var(--spacing-sm) 0}.sidebar-item{align-items:center;cursor:pointer;display:flex;padding:10px 16px;padding:10px var(--spacing-lg);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.sidebar-item:hover{background-color:#2c2d30;background-color:var(--secondary-color)}.sidebar-item.active{background-color:#2196f3;background-color:var(--accent-color)}.item-icon{font-size:18px;margin-right:8px;margin-right:var(--spacing-sm)}.item-label{font-size:14px}.main-content{background-color:#f8f9fa;background-color:var(--background-color);display:flex;flex:1 1;justify-content:flex-start;min-height:100vh;min-width:0;overflow-y:auto;padding:24px;padding:var(--main-content-padding);transition:all .3s ease;transition:all var(--transition-normal)}.main-content.sidebar-expanded{width:calc(100vw - 290px);width:calc(100vw - var(--sidebar-width) - var(--icon-nav-width))}.main-content.sidebar-collapsed{width:calc(100vw - 50px);width:calc(100vw - var(--icon-nav-width))}.dashboard-content{margin:0;max-width:100%;min-width:0;padding:0;width:100%}.dashboard-grid{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-xl);justify-content:flex-start;margin:0}.dashboard-section{background:#fff;background:var(--card-bg-color);border-radius:10px;border-radius:var(--radius-xl);box-shadow:0 1px 4px #0000000f;padding:20px}.dashboard-section h3{color:#1d1c1d;color:var(--text-color);font-size:16px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.dashboard-section ul{list-style:none;margin:0;padding:0}.dashboard-section li{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.dashboard-section button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;margin-top:8px;margin-top:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.dashboard-section button:hover{background-color:#1976d2}.progress-bar{background:#eee;border-radius:8px;border-radius:var(--spacing-sm);height:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm);overflow:hidden;width:100%}.progress-bar>div{background:#2196f3;background:var(--accent-color);height:100%;transition:width .3s ease;transition:width var(--transition-normal)}.dashboard-cards{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:24px;margin-top:var(--spacing-xl)}.dashboard-card{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dashboard-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.card-icon{font-size:32px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.dashboard-card h3{font-size:18px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.dashboard-card p{color:#666;font-size:14px}.selected-functions{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;margin-top:32px;margin-top:var(--spacing-2xl);padding:20px}.selected-functions h3{font-size:18px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.function-tags{flex-wrap:wrap;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.function-tag,.function-tags{display:flex;gap:8px;gap:var(--spacing-sm)}.function-tag{align-items:center;background-color:#f0f0f0;border-radius:20px;font-size:14px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.function-tag button{background:none;color:#666}.execute-button,.function-tag button{border:none;cursor:pointer;font-size:16px}.execute-button{background-color:#2196f3;background-color:var(--accent-color);border-radius:4px;border-radius:var(--radius-sm);color:#fff;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.execute-button:hover:not(:disabled){background-color:#1976d2}.execute-button:disabled{background-color:#ccc;cursor:not-allowed}.function-content,.manage-patterns-content,.pattern-content,.processed-content,.upload-content{margin:0;max-width:100%;padding:0;width:100%}.upload-content h2{font-size:24px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.upload-area{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;margin-top:24px;margin-top:var(--spacing-xl);padding:24px;padding:var(--spacing-xl)}.upload-button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:16px;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.upload-button:hover:not(:disabled){background-color:#1976d2}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.upload-info{margin-top:16px;margin-top:var(--spacing-lg)}.upload-info h3{font-size:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.file-list{list-style:none}.file-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:8px 0;padding:var(--spacing-sm) 0}.file-icon{font-size:18px;margin-right:8px;margin-right:var(--spacing-sm)}.file-name{flex:1 1}.file-size{color:#666;font-size:14px}.upload-placeholder{color:#666;font-style:italic}.upload-actions{display:flex;justify-content:space-between;margin-top:24px;margin-top:var(--spacing-xl)}.reset-button{background-color:#f0f0f0;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#333;cursor:pointer;font-size:16px;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.reset-button:hover:not(:disabled){background-color:#e0e0e0}.next-button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;padding:var(--spacing-md) var(--spacing-xl);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.next-button:hover:not(:disabled){background-color:#1976d2}.data-preview-section{margin-top:32px;margin-top:var(--spacing-2xl)}.data-preview-section h3{font-size:20px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.upload-preview-area{margin-top:32px;margin-top:var(--spacing-2xl);width:100%}.upload-preview-grid{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:24px;margin-top:var(--spacing-xl)}.upload-preview-card{background:#fff;background:var(--card-bg-color);border:1px solid #e0e0e0;border-radius:8px;border-radius:var(--radius-lg);margin-bottom:0;padding:16px;padding:var(--spacing-lg)}.upload-preview-card>div:first-child{color:#333;font-weight:600;margin-bottom:12px;margin-bottom:var(--spacing-md)}.preview-table-container{margin-bottom:24px;margin-bottom:var(--spacing-xl);overflow-x:auto;width:100%}.preview-table{border-collapse:collapse;font-size:14px;min-width:fit-content;width:max-content}.preview-table td,.preview-table th{border:1px solid #e0e0e0;max-width:300px;min-width:120px;overflow:hidden;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview-table th{background-color:#f5f5f5;font-weight:600}.preview-table td{vertical-align:middle}.preview-table img{background:#f5f5f5;border-radius:4px;border-radius:var(--radius-sm);height:56px;object-fit:cover;width:56px}.processed-content h2{font-size:24px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.processed-files{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px;margin-top:var(--spacing-xl)}.processed-file-card{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;padding:20px}.file-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.file-header h3{font-size:18px}.row-count{background-color:#f0f0f0;border-radius:12px;font-size:14px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.file-preview{margin-bottom:16px;margin-bottom:var(--spacing-lg);overflow-x:auto}.file-actions{display:flex;justify-content:flex-end}.download-button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .2s ease;transition:background-color var(--transition-fast)}.download-button:hover{background-color:#1976d2}.no-processed-data{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;padding:24px;padding:var(--spacing-xl);text-align:center}.function-content h2,.no-processed-data p{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.function-content h2{font-size:24px}.function-form{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:20px;margin-top:24px;margin-top:var(--spacing-xl);padding:24px;padding:var(--spacing-xl)}.form-group{margin-bottom:0}.form-group label{display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.radio-group{display:flex;gap:24px;gap:var(--spacing-xl);margin-top:8px;margin-top:var(--spacing-sm)}.radio-group label{align-items:center;background:#fff;background:var(--card-bg-color);border:2px solid #ddd;border:2px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:400;padding:10px 12px;padding:10px var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.radio-group input[type=radio]{margin-right:8px;margin-right:var(--spacing-sm)}.form-check{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.form-check input[type=checkbox]{margin-right:0}.form-check label{cursor:pointer;margin:0}.price-settings{grid-gap:24px;grid-gap:var(--spacing-xl);display:grid;gap:24px;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-top:24px;margin-top:var(--spacing-xl)}.price-settings-left,.price-settings-right{background-color:#f5f5f5;border-radius:8px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-lg)}.price-settings h3{font-size:16px;margin-bottom:12px;margin-bottom:var(--spacing-md)}.reload-button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-lg);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg)}.settings-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm)}.settings-item{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.settings-label{font-weight:500}.settings-value{color:#2196f3;color:var(--accent-color);font-weight:600}.shipping-rate-item{background-color:#fff;border-radius:6px;border-radius:var(--radius-md);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:12px;padding:var(--spacing-md)}.shipping-rate-detail{display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.replace-pairs{max-height:150px;overflow-y:auto}.replace-pair{display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.replace-pair input{flex:1 1}.add-pair-button,.delete-pair-button{border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.delete-pair-button{background-color:#f0f0f0;color:#666}.add-pair-button{background-color:#2196f3;background-color:var(--accent-color);color:#fff;margin-top:8px;margin-top:var(--spacing-sm);padding:6px;width:100%}.pattern-details,.template-details{border-top:1px solid #eee;margin-top:24px;margin-top:var(--spacing-xl);padding-top:16px;padding-top:var(--spacing-lg)}.pattern-details h3,.template-details h3{font-size:16px;margin-bottom:12px;margin-bottom:var(--spacing-md)}.pattern-functions,.template-operations{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.function-item,.operation-item{background-color:#f5f5f5;border-radius:4px;border-radius:var(--radius-sm);font-size:14px;padding:8px 12px;padding:var(--spacing-sm) var(--spacing-md)}.function-name,.operation-column{display:block;font-weight:600}.operation-action,.operation-value{color:#666;font-size:12px}.template-info-grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.info-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;border-radius:var(--radius-sm);padding:12px;padding:var(--spacing-md)}.info-item h4{color:#666;font-size:14px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.info-content{font-size:13px}.info-count{color:#2196f3;color:var(--accent-color);font-size:20px;font-weight:600}.truncated-text-container{position:relative}.truncated-text-content{font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.truncated-text-toggle{background:#2196f3;background:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;margin-top:8px;margin-top:var(--spacing-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.truncated-text-empty{color:#999;font-style:italic}.function-actions{display:flex;gap:12px;gap:var(--spacing-md);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-xl)}.add-function-button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease;transition:background-color var(--transition-fast)}.add-function-button:hover{background-color:#1976d2}.apply-button{background-color:#2eb67d;background-color:var(--success-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s ease;transition:background-color var(--transition-fast)}.apply-button:hover{background-color:#27a06f}.columns-list{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px;margin-top:var(--spacing-sm)}.column-item{align-items:center;display:flex}.column-item input[type=checkbox]{margin-right:8px;margin-right:var(--spacing-sm)}.current-words{margin-top:16px;margin-top:var(--spacing-lg)}.current-words h3{font-size:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.word-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.word-tag{align-items:center;background-color:#f0f0f0;border-radius:16px;display:flex;font-size:14px;padding:6px 10px}.word-tag button{background:none;border:none;color:#666;cursor:pointer;font-size:14px;margin-left:6px}.no-words{color:#666;font-style:italic}.add-word-form{display:flex;gap:8px;gap:var(--spacing-sm)}.add-word-form input{flex:1 1}.add-word-form button{padding:10px 16px;padding:10px var(--spacing-lg)}.add-word-form button,.apply-template-button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px}.apply-template-button{margin-top:8px;margin-top:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg)}.apply-template-button:disabled{background-color:#ccc;cursor:not-allowed}.manage-patterns-content h2,.pattern-content h2{font-size:24px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.pattern-form{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;padding:24px;padding:var(--spacing-xl)}.pattern-actions,.pattern-form{margin-top:24px;margin-top:var(--spacing-xl)}.pattern-actions{display:flex;gap:8px;gap:var(--spacing-sm);justify-content:center}.patterns-list{grid-gap:16px;grid-gap:var(--spacing-lg);display:grid;gap:16px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px;margin-top:var(--spacing-xl)}.pattern-card{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;padding:20px}.pattern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.pattern-header h3{font-size:18px}.delete-button{background-color:#e01e5a;background-color:var(--error-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;padding:6px var(--spacing-md)}.pattern-function-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:8px;gap:var(--spacing-sm);padding:6px 0}.function-icon{font-size:16px}.no-patterns{text-align:center}.no-patterns,.save-pattern-section{background-color:#fff;background-color:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;padding:24px;padding:var(--spacing-xl)}.save-pattern-section{margin-top:24px;margin-top:var(--spacing-xl)}.save-pattern-section h3{font-size:18px;margin-bottom:16px;margin-bottom:var(--spacing-lg)}.save-pattern-form{display:flex;gap:8px;gap:var(--spacing-sm)}.save-pattern-form input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);flex:1 1;font-size:14px;padding:10px}.save-pattern-form button{background-color:#2196f3;background-color:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.notifications{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);position:fixed;right:16px;right:var(--spacing-lg);top:16px;top:var(--spacing-lg);z-index:1000}.notification{animation:slideIn .3s ease;animation:slideIn var(--transition-normal);background-color:#fff;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0000001a;max-width:320px;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);padding-right:40px;position:relative}.notification.info{border-left:4px solid #2196f3;border-left:4px solid var(--accent-color)}.notification.success{border-left:4px solid #2eb67d;border-left:4px solid var(--success-color)}.notification.warning{border-left:4px solid #ecb22e;border-left:4px solid var(--warning-color)}.notification.error{border-left:4px solid #e01e5a;border-left:4px solid var(--error-color)}.notification-content{font-size:14px}.notification-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;line-height:1;padding:4px;padding:var(--spacing-xs);position:absolute;right:8px;top:8px}.notification-close:hover{color:#666}.progress-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.progress-container{background-color:#fff;border-radius:8px;border-radius:var(--radius-lg);max-width:500px;padding:24px;padding:var(--spacing-xl);width:80%}.progress-fill{background-color:#2196f3;background-color:var(--accent-color);height:100%;transition:width .3s ease;transition:width var(--transition-normal)}.progress-text{color:#555;font-size:14px;text-align:center}.preview-dialog-overlay{align-items:center;background:#00000040;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.preview-dialog{animation:fadeInDialog .2s ease;animation:fadeInDialog var(--transition-fast);background:#fff;border-radius:16px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;padding:0 0 24px;padding:0 0 var(--spacing-xl) 0;position:relative;width:90vw}@keyframes fadeInDialog{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.preview-dialog-header{align-items:center;background:#fff;border-radius:16px 16px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:20px 32px 0;padding:20px var(--spacing-2xl) 0 var(--spacing-2xl);position:sticky;top:0;z-index:10}.preview-dialog-header h2{align-items:center;display:flex;font-size:20px;margin:0}.preview-dialog-header input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);flex:1 1;font-size:20px;margin-right:8px;margin-right:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.preview-dialog-header button{background:#2196f3;background:var(--accent-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;margin-left:8px;margin-left:var(--spacing-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:28px;margin-left:12px;margin-left:var(--spacing-md);transition:color .2s ease;transition:color var(--transition-fast)}.close-button:hover{color:#2196f3;color:var(--accent-color)}.product-preview-body{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:700px;min-width:320px;padding:24px 32px 0;padding:var(--spacing-xl) var(--spacing-2xl) 0 var(--spacing-2xl)}.preview-price{align-items:center;color:#2196f3;color:var(--accent-color);display:flex;font-size:20px;font-weight:600;margin:16px 0 8px;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.main-preview-image{background:#f5f5f5;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;height:240px;margin-bottom:8px;margin-bottom:var(--spacing-sm);object-fit:cover;width:240px}.thumbnail-images{display:flex;gap:8px;gap:var(--spacing-sm);margin:8px 0 16px;margin:var(--spacing-sm) 0 var(--spacing-lg) 0}.thumbnail-image{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);height:48px;object-fit:cover;width:48px}.preview-description{background:#fafafa;border-radius:8px;border-radius:var(--radius-lg);margin-top:16px;margin-top:var(--spacing-lg);max-width:600px;padding:16px;padding:var(--spacing-lg);width:100%}.preview-description h4{align-items:center;display:flex;font-size:16px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.preview-description textarea{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);font-size:15px;margin-bottom:8px;margin-bottom:var(--spacing-sm);min-height:100px;padding:8px;padding:var(--spacing-sm);resize:vertical;width:100%}.description-content{font-size:15px}.preview-item-specifics{margin-top:32px;margin-top:var(--spacing-2xl);max-width:600px;width:100%}.preview-item-specifics h4{font-size:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.preview-item-specifics table{border-collapse:collapse;width:100%}.preview-item-specifics td{border:1px solid #eee;font-size:15px;padding:6px 12px;padding:6px var(--spacing-md)}.preview-item-specifics td:first-child{background:#f5f5f5;font-weight:600;min-width:120px}.exclusion-log{background:#fff;background:var(--card-bg-color);border-radius:8px;border-radius:var(--radius-lg);bottom:24px;bottom:var(--spacing-xl);box-shadow:0 4px 12px #00000026;padding:16px;padding:var(--spacing-lg);position:fixed;right:24px;right:var(--spacing-xl);z-index:100}.exclusion-log h3{font-size:16px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.view-exclusion-log{background:#2196f3;background:var(--accent-color);border:none;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-lg)}.loading-indicator,.view-exclusion-log{border-radius:4px;border-radius:var(--radius-sm)}.loading-indicator{background:#e3f2fd;color:#1976d2;padding:12px;padding:var(--spacing-md);text-align:center}.function-form>div[style*="background: #f5f5f5"]{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-lg)}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width:1024px){.preview-files-container,.upload-preview-grid{grid-template-columns:1fr}.main-content{padding:16px;padding:var(--spacing-lg)}.price-settings{grid-template-columns:1fr}.template-info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.app-container{flex-direction:row}.sidebar{box-shadow:2px 0 10px #0000001a;height:100vh;left:50px;left:var(--icon-nav-width);position:fixed;top:0;z-index:1001}.sidebar.collapsed{opacity:0;transform:translateX(-100%)}.main-content{padding:16px;padding:var(--spacing-lg)}.dashboard-grid{flex-direction:column}.function-form{padding:16px;padding:var(--spacing-lg)}.radio-group{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.radio-group label{justify-content:flex-start;width:100%}}@media (max-width:480px){.preview-file-card{min-width:100%}.main-content,.preview-file-card{padding:12px;padding:var(--spacing-md)}.columns-list,.patterns-list,.upload-preview-grid{grid-template-columns:1fr}}@media (max-width:900px){.preview-dialog{max-width:98vw;padding:0 0 16px;padding:0 0 var(--spacing-lg) 0}.product-preview-body{padding:16px 8px 0;padding:var(--spacing-lg) var(--spacing-sm) 0 var(--spacing-sm)}.main-preview-image{height:auto!important;max-height:320px;max-width:320px;width:100%!important}}.empty-content{color:#666;padding:32px;padding:var(--spacing-2xl);text-align:center}.dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.dialog-content{background:#fff;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0003;padding:24px;padding:var(--spacing-xl)}.documentation-container{margin:0 auto;max-width:1200px;padding:24px}.doc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.doc-search{width:300px}.search-input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:8px 16px;width:100%}.doc-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:240px 1fr}.doc-sidebar{height:fit-content;position:sticky;top:24px}.doc-nav-item{background:none;border:none;border-radius:4px;cursor:pointer;display:block;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.doc-nav-item:hover{background:#f5f5f5}.doc-nav-item.active{background:#e3f2fd;color:#1976d2;font-weight:500}.steps-container{grid-gap:24px;display:grid;gap:24px;margin:32px 0}.step{align-items:start;display:flex;gap:16px}.step-number{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.tips-section{background:#f5f5f5;border-radius:8px;margin-top:32px;padding:24px}.function-doc{border-bottom:1px solid #e0e0e0;margin-bottom:48px;padding-bottom:48px}.function-doc:last-child{border-bottom:none}.support-container{margin:0 auto;max-width:1000px;padding:24px}.support-header{border-bottom:2px solid #e0e0e0;margin-bottom:48px;padding-bottom:32px;text-align:center}.support-header h1{color:#1a1a1a;font-size:32px;margin-bottom:16px}.update-intro{color:#666;font-size:16px;line-height:1.8}.update-content{display:flex;flex-direction:column;gap:24px}.update-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.update-section.expanded{box-shadow:0 4px 12px #0000001a}.section-header{align-items:center;background:#f8f9fa;border:none;cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:background .2s;width:100%}.section-header:hover{background:#e9ecef}.section-number{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;width:36px}.section-header h2{color:#333;flex:1 1;font-size:20px;margin:0;text-align:left}.toggle-icon{color:#666;font-size:24px}.section-content{padding:32px}.update-points{grid-gap:20px;display:grid;gap:20px;margin:24px 0}.point-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:16px;padding:20px;transition:transform .2s}.point-card:hover{transform:translateY(-2px)}.point-card.important{background:#fff3cd;border-color:#ffc107}.point-icon{font-size:32px;line-height:1}.point-card h4{color:#1976d2;margin:0 0 8px}.point-card p{color:#666;margin:0}.note-box{background:#e3f2fd;border-radius:4px;margin-top:24px;padding:16px}.note-box p{color:#1565c0;margin:0}.steps-flow{margin:24px 0}.flow-step{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:24px}.step-header{gap:12px;margin-bottom:16px}.step-header,.step-num{align-items:center;display:flex}.step-num{background:#2196f3;border-radius:50%;color:#fff;font-weight:700;height:32px;justify-content:center;width:32px}.flow-arrow{color:#2196f3;font-size:24px;margin:8px 0;text-align:center}code{background:#e0e0e0;font-family:monospace;font-size:14px;padding:2px 6px}.highlight,code{border-radius:3px}.highlight{background:#ffeb3b;padding:2px 4px}.highlight-text{color:#1976d2;font-size:18px;font-weight:500;margin-bottom:24px}.numbered-list{counter-reset:item;padding-left:0}.numbered-list li{counter-increment:item;margin-bottom:12px;padding-left:32px;position:relative}.numbered-list li:before{align-items:center;background:#2196f3;border-radius:50%;color:#fff;content:counter(item);display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:0;position:absolute;width:24px}.recommended-order{background:#f5f5f5;border-radius:8px;margin-top:32px;padding:24px}.order-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.order-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:12px;padding:12px 16px}.order-item.important{background:#fff3cd;border-color:#ffc107}.order-num{align-items:center;background:#666;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:20px}.feature-card h4{color:#1976d2;font-size:18px;margin:0 0 12px}.required-set{background:#e3f2fd;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:20px}.set-item{background:#fff;border:1px solid #2196f3;border-radius:4px;padding:8px 16px}.warning-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-top:24px;padding:20px}.warning-box h4{color:#856404;margin:0 0 12px}.warning-box ul{margin:0}.recommendation-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.recommend-card{border:2px solid #e0e0e0;border-radius:8px;padding:24px}.recommend-card.auto{background:#e8f5e9;border-color:#4caf50}.recommend-card.manual{background:#e3f2fd;border-color:#2196f3}.recommend-card h3{font-size:18px;margin:0 0 16px}.check-list{list-style:none;padding:0}.check-list li{margin-bottom:8px;padding-left:28px;position:relative}.check-list li:before{color:#4caf50;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.choose-text{color:#666;font-size:16px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:24px}.faq-item{background:#f8f9fa;border-radius:8px;padding:20px}.question{color:#1976d2;font-weight:500;margin:0 0 12px}.answer{color:#666;line-height:1.6;margin:0}@media (max-width:768px){.recommendation-grid{grid-template-columns:1fr}.support-header h1{font-size:24px}.section-content{padding:20px}}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:95%;padding:20px}h1,h2,h3{color:#333;margin-bottom:20px}button,input,select{border:1px solid #ddd;border-radius:4px;margin:5px;padding:8px}input{flex-grow:1}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;transition:background-color .3s}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}.input-container,.sheet-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.input-container .input-field,.sheet-selector .select-field{flex:1 1 auto;min-width:150px}.input-container .button-group,.sheet-selector .button-group{align-items:center;display:flex;gap:10px}.button-group button{margin-left:10px}.table-container{border:1px solid #ddd;border-radius:4px;margin-top:20px;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}td,th{border:1px solid #ddd;overflow:hidden;padding:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}th{background-color:#f2f2f2;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}.saved-spreadsheets{margin-bottom:20px;margin-top:20px}.saved-spreadsheets ul{list-style-type:none;padding:0}.saved-spreadsheets li{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:5px}.saved-spreadsheets button{background-color:#f0f0f0;color:#333;margin-right:10px}.saved-spreadsheets button:hover{background-color:#e0e0e0}.delete-btn{background-color:#ff4d4d;color:#fff}.delete-btn:hover{background-color:#f33}.error-message{color:red;margin-top:10px}.column-width-control{align-items:center;display:flex;gap:10px;margin-bottom:20px}.column-width-control label{font-weight:700}.column-width-control input{width:60px}
/*# sourceMappingURL=main.6ad0de86.css.map*/