.onboarding-container{margin:0 auto;max-width:1000px;padding:.5rem 2rem 1rem}.onboarding-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:.875rem 1.5rem;text-align:center}.onboarding-header h1{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.625rem}.progress-bar{background:#e2e8f0;border-radius:10px;height:6px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#667fea,#667fea);height:100%;transition:width .3s ease}.step-indicators{display:flex;gap:.5rem;justify-content:space-between;margin:0 auto;max-width:700px}.step-indicator{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.35rem;position:relative}.step-number{background:#e2e8f0;color:#718096;font-size:.85rem;font-weight:600;height:28px;transition:all .3s ease;width:28px}.step-indicator.active .step-number{background:linear-gradient(135deg,#667fea,#667fea);box-shadow:0 2px 8px #667eea4d;color:#fff;transform:scale(1.05)}.step-indicator.completed .step-number{background:#667fea;color:#fff}.step-indicator span{color:#718096;font-size:.75rem;font-weight:500}.step-indicator.active span{color:#667fea;font-weight:600}.help-box{background:#f0f9ff;border:2px solid #bfdbfe;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:.875rem}.help-icon{flex-shrink:0;font-size:1.5rem}.help-box strong{color:#1e40af;display:block;margin-bottom:.25rem}.help-box p{color:#1e40af;font-size:.9rem;line-height:1.5;margin:0}.onboarding-step{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:2rem}.onboarding-step h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.onboarding-step>p{color:#718096;margin-bottom:1.5rem}.form-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group label{color:#4a5568;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667fea}.form-group textarea{min-height:100px;resize:vertical}.phone-input-wrapper{align-items:center;border:2px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s}.phone-input-wrapper:focus-within{border-color:#667fea}.country-code-selector{border-right:1px solid #e2e8f0;position:relative}.country-code-button{align-items:center;background:#fff;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;min-width:120px;padding:.75rem 1rem}.country-code-button .flag{font-size:1.2rem}.country-code-button .arrow{font-size:.7rem;margin-left:auto;transition:transform .2s}.country-code-button .arrow.open{transform:rotate(180deg)}.country-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:.25rem;min-width:200px;position:absolute;top:100%;z-index:1000}.country-option{align-items:center;background:#fff;border:none;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.country-option.selected,.country-option:hover{background:#f7fafc}.country-option .flag{font-size:1.2rem}.country-option .country-name{flex:1 1}.country-option .country-code{color:#718096;font-weight:500}.phone-number-input{border:none;flex:1 1;font-size:.95rem;outline:none;padding:.75rem 1rem}.document-upload-section{gap:1.5rem}.document-item{background:#0000!important;border:none!important;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:0!important}.document-title{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin:0!important;padding:0!important;text-align:left!important;width:100%}.file-upload-wrapper{width:100%}.file-upload-label{align-items:center;background:#fafbfc;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-height:125px;min-height:125px;padding:1.5rem;transition:all .2s}.file-upload-label:hover{background:#f7f9fc}.file-upload-placeholder{gap:.5rem;width:100%}.upload-icon{font-size:2rem;margin-bottom:0}.upload-text{align-items:center;display:flex;flex-direction:column;gap:.15rem}.upload-main{color:#4a5568;font-size:.95rem;font-weight:500;margin-bottom:0}.upload-text small{color:#a0aec0;font-size:.8rem;line-height:1.4;max-width:500px;text-align:center}.file-selected{color:#48bb78;font-size:.9rem;font-weight:500;gap:.25rem;justify-content:center;width:100%}.file-selected>div{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.file-selected span{max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.file-selected small{font-size:.75rem;font-weight:400}.director-section{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:2rem}.director-section>h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.director-section .document-title{border-bottom:none!important;color:#2d3748!important;font-size:.95rem!important;font-weight:600!important;margin:0!important;padding:0!important;text-align:left!important}.director-section h4{color:#4a5568;font-size:1.1rem;font-weight:600}.document-item-small{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.doc-header h4{color:#1a202c;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.doc-header p{color:#718096;font-size:.85rem;margin:0}.file-upload-label-small{background:#667fea;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.file-upload-label-small:hover{background:#5568d3}.file-name{color:#48bb78;font-weight:500}.file-name,.upload-btn-text{font-size:.9rem}.approval-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.approval-step{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s}.approval-step.completed{background:#f0fff4;border-color:#48bb78}.approval-step.pending{background:#fffbeb;border-color:#fde68a}.approval-step.rejected{background:#fef2f2;border-color:#ef4444}.step-icon{flex-shrink:0;font-size:2rem}.step-content{flex:1 1}.step-content h3{color:#1a202c;font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.step-content p{color:#718096;font-size:.9rem;margin-bottom:0}.status-badge{flex-shrink:0;margin-left:auto;padding:.35rem .875rem;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.review-info-box{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.review-info-box h3{color:#1a202c;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.review-info-box ul{list-style:none;margin-bottom:.75rem;padding:0}.review-info-box li{color:#4a5568;font-size:.9rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.review-info-box li:before{color:#667fea;content:"✓";font-weight:700;left:0;position:absolute}.review-info-box p{color:#4a5568;margin:0}.review-info-box a{color:#667fea;font-weight:600;text-decoration:none}.review-info-box a:hover{text-decoration:underline}.onboarding-actions{gap:1rem;margin:0 auto;max-width:1000px;padding:0 2rem 1.5rem}.btn{font-size:1rem;font-weight:600;padding:.875rem 2rem}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667fea;color:#667fea}.btn-secondary:hover:not(:disabled){background:#f7fafc}.btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.onboarding-container{padding:1rem}.onboarding-step{padding:1.5rem}.form-grid{grid-template-columns:1fr}.step-indicators{flex-wrap:wrap;gap:1rem}.step-indicator:not(:last-child):after{display:none}.approval-step{text-align:center}.approval-step,.onboarding-actions{flex-direction:column}}.input-error{background-color:#fff5f5!important;border-color:#f56565!important;border-width:2px!important}.input-error:focus{border-color:#fc8181!important;box-shadow:0 0 0 3px #f565651a!important;outline:none}.error-message{animation:slideDown .2s ease-out;color:#e53e3e;display:block;font-size:.875rem;font-weight:500;margin-top:.375rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.file-upload-label.error,select.input-error{background-color:#fff5f5!important;border-color:#f56565!important}select.input-error{border-width:2px!important}input.input-error:focus,select.input-error:focus,textarea.input-error:focus{border-color:#fc8181!important;box-shadow:0 0 0 3px #f565651a!important}.account-page{background:#f8fafc;min-height:calc(100vh - 80px);padding:2rem 0}.page-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#64748b;font-size:1rem}.account-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s;white-space:nowrap}.tab-button:hover{background:#f7fafc;color:#667fea}.tab-button.active{border-bottom-color:#667fea;color:#667fea}.tab-icon{font-size:1.2rem}.account-content{background:#0000;border-radius:0;box-shadow:none;padding:0}.account-section h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.directors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{border:1px solid #e2e8f0;border-radius:12px}.info-card h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem}.info-card h4{color:#4a5568;font-size:1rem;font-weight:600;margin-bottom:.75rem}.info-row{border-bottom:1px solid #e2e8f0}.info-label{color:#64748b;font-size:.9rem;font-weight:500}.info-value{color:#2d3748;font-weight:600;text-align:right}.badge{border-radius:6px;font-size:.85rem}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.documents-grid{display:flex;flex-direction:column;gap:1rem}.document-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s}.document-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.document-card-content{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.document-icon-large{flex-shrink:0;font-size:2rem}.document-info{flex:1 1;min-width:0}.document-info h4{color:#2d3748;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.document-filename{color:#a0aec0;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.btn-download{align-items:center;background:#e2e8f0;border:1px solid #cbd5e0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.btn-download svg{height:18px;width:18px}.btn-download:hover{background:#cbd5e0;border-color:#a0aec0;color:#475569}.document-card .btn{flex-shrink:0;font-size:.85rem;padding:.5rem 1rem}.documents-list{gap:.75rem}.document-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.document-icon{font-size:1.5rem}.document-name{color:#2d3748;flex:1 1;font-weight:500}.no-data{color:#64748b;font-style:italic;padding:2rem;text-align:center}.timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{align-items:flex-start;display:flex;gap:1rem}.timeline-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.timeline-item.completed .timeline-icon{background:#d4edda}.timeline-item.pending .timeline-icon{background:#fff3cd}.timeline-content h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.25rem}.timeline-content p{color:#64748b;margin-bottom:.25rem}.timeline-content small{color:#a0aec0;font-size:.85rem}.banking-wallet-section{display:flex;flex-direction:column;gap:2rem}.approval-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.approval-status-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.approval-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.approval-card.approved{background:#f0fdf4;border-color:#48bb78}.approval-card.pending{background:#fffbeb;border-color:#fbbf24}.approval-icon{font-size:2rem}.approval-content h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .25rem}.approval-content .approval-status{color:#64748b;font-size:.9rem;font-weight:500;margin:0}.approval-content small{color:#a0aec0;font-size:.75rem}.approval-message{color:#856404;font-weight:500;margin:0;text-align:center}.business-accounts-section{margin-bottom:1.5rem}.business-accounts-section .section-header{margin-bottom:1rem}.business-accounts-section h2{color:#2d3748;font-size:1.35rem;font-weight:700;margin:0 0 .25rem}.business-accounts-section p{color:#64748b;font-size:.9rem;margin:0}.account-card-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media (max-width:968px){.account-card-container{grid-template-columns:1fr}}.business-account-card{background:linear-gradient(135deg,#667fea,#667fea);border-radius:16px;box-shadow:0 8px 30px #667eea40;color:#fff!important;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;overflow:hidden;padding:1.5rem;position:relative}.business-account-card *{color:#fff!important}.card-header-status{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.status-badge-card{border-radius:20px;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.35rem .85rem;text-transform:uppercase}.status-badge-card.active{background:#48bb7840;border:1px solid #48bb7866;color:#d4edda!important}.status-badge-card.inactive{background:#ffffff26;border:1px solid #ffffff40;color:#ffffffe6!important}.card-type{background:#fff3;border-radius:5px;color:#fff!important;font-size:.65rem;font-weight:700;letter-spacing:1.5px;padding:.3rem .65rem}.card-icon{font-size:1.5rem}.card-body{flex:1 1;position:relative;z-index:1}.business-name{color:#fff!important;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 1rem}.balance-label{color:#ffffffbf!important;font-size:.75rem;letter-spacing:.5px;margin:0 0 .4rem;opacity:.75;text-transform:uppercase}.balance-amount{color:#fff!important;font-size:1.85rem;letter-spacing:-1px;margin:0}.card-footer{align-items:center;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;padding-top:1rem;position:relative;z-index:1}.account-number{color:#fff!important;font-size:.85rem;letter-spacing:2px}.card-action-icon{font-size:1.3rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s}.action-button:hover:not(:disabled){border-color:#667fea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.action-icon.blue{background:#dbeafe}.action-icon.purple{background:#e9d5ff}.action-icon.green{background:#d1fae5}.action-icon.orange{background:#fed7aa}.action-content h4{color:#1a202c;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.action-content p{color:#64748b;font-size:.8rem;margin:0}.transaction-history-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:0}.transaction-history-section .section-header{align-items:center;background:#fafafa;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem}.transaction-history-section h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.export-btn{padding:.65rem 1.25rem}.transaction-filters{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem}.search-box{align-items:center;display:flex;position:relative}.search-icon{font-size:1rem;left:1rem;position:absolute}.search-input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.search-input:focus{border-color:#667fea}.filter-select{font-size:.9rem;padding:.75rem 1rem}.filter-select.small{padding:.5rem .75rem;width:70px}.pagination-info{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.5rem}.transactions-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.transactions-table th{color:#64748b;font-size:.85rem;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.transactions-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:.9rem}.transactions-table tbody tr:hover{background:#f7fafc}.transaction-type-icon{color:#ef4444;font-size:1.2rem}.transactions-table .amount{color:#2d3748;font-weight:600}.transactions-table .status-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:lowercase}.transactions-table .status-badge.success{background:#d4edda;color:#155724}.view-btn{align-items:center;background:none;border:none;color:#667fea;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.5rem 1rem}.view-btn:hover{text-decoration:underline}.empty-transactions{align-items:center;background:#fafafa;border:2px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:1.5rem;padding:5rem 2rem;text-align:center}.empty-transactions .empty-icon{filter:grayscale(100%);font-size:4.5rem;margin-bottom:1.5rem;opacity:.25}.empty-transactions h3{color:#1a202c;font-size:1.35rem;font-weight:700;margin:0 0 .75rem}.empty-transactions p{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 .5rem;max-width:400px}.empty-transactions small{color:#a0aec0;display:block;font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.account-tabs{flex-wrap:nowrap;overflow-x:auto}.directors-grid,.info-grid{grid-template-columns:1fr}.tab-button{padding:.75rem 1rem}.balance-header{align-items:flex-start;flex-direction:column;gap:1rem}.balance-amount{text-align:left}.balance-actions{flex-direction:column}}.support-page{padding:2rem}.page-title{font-weight:600;margin-bottom:.5rem}.page-subtitle{color:#718096;font-size:1rem;margin:0}.filters-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#4a5568;font-size:.875rem;font-weight:600}.filter-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.5rem}.status-select-small{border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;padding:.25rem .5rem}.badge{font-weight:600}.badge-warning{background:#feebc8;color:#c05621}.badge-info{background:#bee3f8;color:#2c5282}.badge-success{background:#c6f6d5;color:#22543d}.badge-secondary{background:#e2e8f0;color:#4a5568}.ticket-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-header{align-items:flex-start}.modal-header h3{color:#2d3748}.close-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:color .2s}.close-btn:hover{color:#2d3748}.modal-body{flex:1 1;overflow-y:auto}.ticket-info{background:#f7fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-row{color:#4a5568;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-row strong{color:#2d3748;margin-right:.5rem}.ticket-message{margin-bottom:1.5rem}.ticket-message h4{color:#2d3748;margin-bottom:.5rem}.ticket-message p{color:#4a5568;line-height:1.6;white-space:pre-wrap}.responses-section{margin-bottom:1.5rem}.responses-section h4{color:#2d3748;margin-bottom:1rem}.response-item{background:#f7fafc;border-left:3px solid #667fea;border-radius:8px;margin-bottom:1rem;padding:1rem}.response-header{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.response-header strong{color:#2d3748}.response-header span{color:#718096}.response-item p{color:#4a5568;line-height:1.6;margin:0;white-space:pre-wrap}.response-form{border-top:2px solid #e2e8f0;padding-top:1.5rem}.response-form h4{color:#2d3748;margin-bottom:.75rem}.response-form textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.875rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.response-form textarea:focus{border-color:#667fea;outline:none}.response-form button{width:100%}@media (max-width:768px){.support-page{padding:1rem}.filters-section{flex-direction:column}.ticket-modal{max-height:95vh;width:95%}}.shopify-integration-page{min-height:calc(100vh - 70px);padding:2rem}.shopify-container{margin:0 auto;max-width:1200px}.loading-container{flex-direction:column;gap:1rem;min-height:60vh}.loading-container p{color:#6d7175;font-size:1.1rem}.shopify-content{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shopify-header{margin-bottom:3rem;text-align:center}.shopify-icon-wrapper{animation:fadeInDown .6s ease-out;display:flex;justify-content:center;margin-bottom:2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shopify-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(149,191,71,.4));height:120px;width:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.shopify-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#95bf47,#5e8e3e);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.shopify-subtitle{color:#4a5568;font-size:1.25rem;margin:0 auto;max-width:600px}.shopify-form-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 40px #00000014;margin-bottom:3rem;padding:3rem}.form-section{margin-bottom:2rem}.form-section .Polaris-TextField{width:100%}.form-section .Polaris-Label{color:#202223;font-size:1rem;font-weight:600;margin-bottom:.75rem}.form-section .Polaris-TextField__Input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;height:56px;padding:0 1.25rem;transition:all .3s ease}.form-section .Polaris-TextField__Input:hover{background:#fff;border-color:#cbd5e0}.form-section .Polaris-TextField__Input:focus{background:#fff;border-color:#95bf47;box-shadow:0 0 0 3px #95bf471a;outline:none}.form-section .Polaris-TextField__Suffix{color:#6d7175;font-size:1rem;font-weight:500;padding-right:1.25rem}.form-section .Polaris-Text--subdued{color:#6d7175;font-size:.875rem;margin-top:.5rem}.form-section .Polaris-TextField__Backdrop{border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.form-section .Polaris-TextField:hover .Polaris-TextField__Backdrop{border-color:#cbd5e0}.form-section .Polaris-TextField--focus .Polaris-TextField__Backdrop{border-color:#95bf47;box-shadow:0 0 0 3px #95bf471a}.connect-button-wrapper{display:flex;justify-content:center;margin-top:2rem}.connect-button-wrapper .Polaris-Button{background:linear-gradient(135deg,#95bf47,#7ea639);border:none;border-radius:14px;box-shadow:0 4px 16px #95bf474d;font-size:1.15rem;font-weight:700;height:56px;min-width:280px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.connect-button-wrapper .Polaris-Button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.connect-button-wrapper .Polaris-Button:hover:before{left:100%}.connect-button-wrapper .Polaris-Button:hover:not([disabled]){box-shadow:0 8px 28px #95bf4780;transform:translateY(-3px)}.connect-button-wrapper .Polaris-Button:active:not([disabled]){box-shadow:0 4px 16px #95bf4766;transform:translateY(-1px)}.connect-button-wrapper .Polaris-Button--disabled{background:#e2e8f0;box-shadow:none;cursor:not-allowed;opacity:.6}.connect-button-wrapper .Polaris-Button__Text{font-weight:700;letter-spacing:.3px}.shopify-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:before{background:linear-gradient(90deg,#95bf47,#0ea5e9);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#95bf47;box-shadow:0 16px 48px #0000001f;transform:translateY(-8px)}.feature-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:3rem;margin-bottom:1.5rem}.feature-card:first-child .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.3s}.feature-card:nth-child(3) .feature-icon{animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feature-card h3{color:#1a202c;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:#6d7175;font-size:1rem;line-height:1.6}.shopify-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-card{border:2px solid #e2e8f0;border-radius:16px;padding:2.5rem;transition:all .3s ease}.info-card:hover{border-color:#95bf47;box-shadow:0 8px 24px #00000014}.info-card h3{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.info-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.info-list li{background:#f7fafc;border-left:3px solid #95bf47;border-radius:8px;color:#1a202c;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.info-list li:hover{background:#edf2f7;transform:translateX(4px)}.info-text{color:#4a5568;font-size:1rem;line-height:1.8}.info-text strong{color:#95bf47;font-weight:700}.steps-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{align-items:center;background:#fff;border:2px solid #e0f2fe;border-radius:10px;color:#1a202c;display:flex;font-size:1rem;gap:1.25rem;padding:1rem 1.25rem;transition:all .3s ease}.step-item:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926;transform:translateX(4px)}.step-number{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;box-shadow:0 4px 12px #0ea5e94d;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.connected-view{text-align:center}.success-header{margin-bottom:3rem}.success-icon-large{align-items:center;animation:scaleIn .6s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 16px 48px #10b98166;color:#fff;display:inline-flex;font-size:5rem;font-weight:700;height:120px;justify-content:center;margin-bottom:2rem;width:120px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title-main{color:#1a202c;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.success-store-name{color:#6d7175;font-size:1.25rem;font-weight:500}.connected-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:16px;display:flex;gap:2rem;margin-bottom:3rem;padding:2.5rem;text-align:left}.banner-icon{flex-shrink:0;font-size:4rem}.banner-content h3{color:#166534;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.banner-content p{color:#166534;font-size:1.1rem;margin:0}.action-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.action-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.action-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-8px)}.primary-action{border-color:#95bf47}.primary-action:hover{border-color:#5e8e3e;box-shadow:0 16px 48px #95bf474d}.secondary-action:hover{border-color:#ef4444}.action-icon{font-size:3.5rem;margin-bottom:1.5rem}.action-card h3{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.action-card p{color:#6d7175;font-size:1rem;line-height:1.6;margin-bottom:2rem}.action-card button{font-size:1rem;font-weight:600;height:48px;min-width:200px}.action-card .Polaris-Button{border-radius:12px;font-weight:600;transition:all .3s ease}.action-card .Polaris-Button--primary{background:linear-gradient(135deg,#95bf47,#7ea639);box-shadow:0 4px 12px #95bf474d}.action-card .Polaris-Button--primary:hover{box-shadow:0 6px 20px #95bf4766;transform:translateY(-2px)}.action-card .Polaris-Button--destructive{box-shadow:0 2px 8px #ef444433}.action-card .Polaris-Button--destructive:hover{box-shadow:0 4px 16px #ef44444d;transform:translateY(-2px)}.importing-view{padding:4rem 2rem;text-align:center}.importing-animation{display:inline-block;margin-bottom:3rem;position:relative}.importing-dots{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.dot{animation:dotPulse 1.5s ease-in-out infinite;background:#95bf47;border-radius:50%;height:16px;width:16px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.8)}}.importing-title{color:#1a202c;font-size:2rem;font-weight:800;margin-bottom:1rem}.importing-subtitle{color:#6d7175;font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.importing-info-box{background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:inline-block;padding:2rem 3rem;text-align:left}.importing-info-box p{color:#4a5568;font-size:1.1rem;font-weight:500;margin:.75rem 0}.success-view{padding:2rem 0;text-align:center}.success-animation-large{margin-bottom:2.5rem}.checkmark-circle{align-items:center;animation:successPop .8s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 20px 60px #10b98180;color:#fff;display:inline-flex;font-size:6rem;font-weight:700;height:140px;justify-content:center;width:140px}@keyframes successPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.15) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.success-title-large{color:#1a202c;font-size:2.5rem;font-weight:800;margin-bottom:3rem}.import-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px}.stat-card{animation:slideUp .6s ease-out backwards;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:3rem 2rem;transition:all .4s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-8px)}.stat-imported{border-top:5px solid #10b981}.stat-updated{border-top:5px solid #3b82f6}.stat-failed{border-top:5px solid #ef4444}.stat-number{font-size:4rem;font-weight:800;line-height:1;margin-bottom:1rem}.stat-imported .stat-number{color:#10b981}.stat-updated .stat-number{color:#3b82f6}.stat-failed .stat-number{color:#ef4444}.stat-label{color:#6d7175;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.success-message-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:16px;margin:0 auto 3rem;max-width:600px;padding:2.5rem 3rem}.success-message-box p{color:#166534;font-size:1.15rem;font-weight:500;line-height:1.8;margin:.5rem 0}.success-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.success-actions button{font-size:1.1rem;font-weight:600;height:52px;min-width:200px}.success-actions .Polaris-Button{border-radius:14px;box-shadow:0 4px 16px #0000001a;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.success-actions .Polaris-Button--primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98166}.success-actions .Polaris-Button--primary:hover{box-shadow:0 8px 28px #10b98180;transform:translateY(-3px)}.success-actions .Polaris-Button:not(.Polaris-Button--primary):hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}@media (max-width:768px){.shopify-integration-page{padding:1rem}.shopify-title{font-size:2rem}.shopify-subtitle{font-size:1.1rem}.shopify-form-card{padding:2rem 1.5rem}.shopify-features-grid,.shopify-info-grid{grid-template-columns:1fr}.connected-banner{flex-direction:column;text-align:center}.action-cards,.import-stats-grid{grid-template-columns:1fr}.success-actions{flex-direction:column}.action-card button,.connect-button-wrapper button,.success-actions button{width:100%}.importing-info-box{padding:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{background:#0000;display:flex;flex-direction:column;min-height:100vh}.main-content{background:#0000;flex:1 1;margin:0 auto;max-width:1400px;padding:70px 2rem 1rem;width:100%}.loading-container{min-height:50vh}.spinner{border:2px solid #e2e8f0;height:2rem;width:2rem}.container{background:#0000;margin:0 auto;max-width:1200px;padding:0 1rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667fea,#667fea);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-outline{background:#0000;border:2px solid #667fea;color:#667fea}.btn-outline:hover{background:#667fea;color:#fff}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#f56565}.btn-danger:hover{background:#e53e3e}.btn-shopify{background:#96bf48;color:#fff}.btn-shopify:hover{background:#7ea639;box-shadow:0 4px 12px #96bf4866;transform:translateY(-1px)}.btn-sm{font-size:.75rem}.btn-lg{font-size:1rem;padding:1rem 2rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .2s}.form-input:focus{border-color:#667fea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.document-upload-section{display:flex;flex-direction:column;gap:2rem}.file-input{background:#f8f9fa;border:2px solid #3498db;border-radius:8px;cursor:pointer;padding:1rem;transition:background-color .3s;width:100%}.file-input:hover{background:#e9ecef}.file-upload-wrapper{margin-top:1rem}.file-input-hidden{display:none}.file-upload-label{background:#f8fafc;border-radius:12px;transition:all .3s ease;width:100%}.file-upload-label:hover{background:#edf2f7;transform:translateY(-2px)}.file-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:.75rem}.file-upload-placeholder .upload-icon{font-size:3rem;opacity:.5}.file-upload-placeholder span:not(.upload-icon){color:#4a5568;font-size:1rem;font-weight:500}.file-upload-placeholder small{color:#a0aec0;font-size:.875rem}.file-selected{color:#2d3748;flex-direction:column;gap:.5rem}.file-selected span{color:#38a169;font-size:1rem;font-weight:600}.file-selected small{color:#718096;font-size:.875rem}.uploaded-file{align-items:center;background:#d4edda;border-radius:8px;color:#155724;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.uploaded-file span{font-weight:500}.uploaded-file small{color:#6c757d}.upload-info{background:#f8f9fa;border-radius:8px;padding:1.5rem}.upload-info h4{color:#2c3e50;margin-bottom:1rem}.upload-info ul{color:#6c757d;margin:0;padding-left:1.5rem}.upload-info li{margin-bottom:.5rem}.page-container{margin:0 auto;max-width:1200px;padding:0}.page-title{color:#2d3748;font-size:2rem;font-weight:700;margin:0}.page-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.settings-container{background:#fff;border-radius:8px;overflow:hidden;padding:2rem}.settings-tabs{background:#0000;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;margin-bottom:2rem}.settings-tabs .tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 0;position:relative;transition:all .3s}.settings-tabs .tab:hover{color:#4a5568}.settings-tabs .tab.active{border-bottom-color:#667fea;color:#667fea;font-weight:600}.tab-content{padding:0}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:.75rem;padding:1rem 1.25rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:50%;font-size:1.25rem;height:40px;justify-content:center;width:40px}.card-icon.personal{background:#e6f2ff}.card-icon.business{background:#d4f4dd}.card-icon.address{background:#ffe8d6}.card-icon.actions{background:#f0e7ff}.card-header h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.card-body{padding:1.25rem}.info-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-row.full-width{align-items:flex-start;flex-direction:column;gap:.5rem}.info-row .label{color:#718096;font-size:.875rem;font-weight:500}.info-row .value{color:#2d3748;font-size:.95rem;font-weight:600;text-align:right}.info-row.full-width .value{text-align:left;width:100%}.badge{border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge-merchant{background:#e6f2ff;color:#06c}.badge-pending{background:#fff4e6;color:#c80}.badge-approved{background:#d4f4dd;color:#0a4}.badge-rejected{background:#ffe6e6;color:#c00}.documents-list{display:flex;flex-direction:column;gap:1rem}.document-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s}.document-row:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.doc-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.doc-type{align-items:center;display:flex;gap:1rem}.doc-icon-small{font-size:2rem}.doc-type h4{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.doc-description{color:#718096;font-size:.875rem;margin:0}.doc-file{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.status-badge{border-radius:12px;font-size:.75rem;padding:.25rem .75rem}.status-badge.uploaded{background:#d4f4dd;color:#155724}.status-badge.missing{background:#f8d7da;color:#721c24}.file-name{color:#2d3748;font-size:.95rem;font-weight:600}.file-size{color:#718096;font-size:.875rem}.doc-actions{align-items:center;display:flex;gap:.75rem}.btn-block{width:100%}@media (max-width:768px){.documents-grid,.settings-grid{grid-template-columns:1fr}.tab-content{padding:1rem}}.onboarding-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:2rem}.success-message{padding:2rem;text-align:center}.success-message h2{color:#27ae60;margin-bottom:1rem}.contact-info,.next-steps{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:1.5rem;text-align:left}.contact-info h3,.next-steps h3{color:#2c3e50;margin-bottom:1rem}.next-steps ul{color:#6c757d;padding-left:1.5rem}.next-steps li{margin-bottom:.5rem}.contact-info p{color:#6c757d;margin:0}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 .75rem}.main-content{padding:calc(70px + 1rem) 1rem 1rem}.form-grid{grid-template-columns:1fr}.progress-bar{gap:1rem}.progress-step label{font-size:.8rem}.onboarding-content{padding:1rem}.onboarding-actions{flex-direction:column;gap:1rem;padding:1rem}}.merchant-dashboard{background:#0000;margin:0 auto;max-width:1200px;padding:0}.dashboard-header{margin-bottom:1rem}.header-content{align-items:center;display:flex;justify-content:space-between}.dashboard-header h1{color:#2d3748;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.dashboard-header p{color:#718096;font-size:.9rem;margin:0}.add-product-btn{background:linear-gradient(135deg,#667fea,#667fea);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.add-product-btn:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;gap:1rem;padding:1rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#f8f9fa;border-radius:50%;font-size:1.75rem;height:50px;justify-content:center;width:50px}.stat-content h3{color:#2c3e50;font-size:1.35rem;font-weight:700;margin:0}.stat-content p{color:#7f8c8d;font-size:.85rem;margin:0}.stat-subtitle{color:#95a5a6;display:block;font-size:.75rem;margin-top:.25rem}.total-info{display:flex;flex-direction:column;gap:.25rem}.total-subtitle{color:#667fea;font-size:.75rem;font-weight:600}.total-original{color:#95a5a6;font-size:.7rem}.advanced-amount{color:#667fea;font-size:1.1rem;font-weight:700}.fee-amount{color:#e74c3c;font-weight:600}.header-actions{display:flex;gap:1rem}.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header h2{color:#2d3748;font-size:1.5rem;margin:0}.modal-close{border-radius:4px;color:#a0aec0;font-size:2rem;height:32px;transition:all .2s;width:32px}.modal-close:hover{background:#f8fafc;color:#2d3748}.modal-description{color:#718096;margin-bottom:1.5rem}.upload-instructions{background:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.upload-instructions h4{color:#2d3748;margin:0 0 .5rem}.upload-instructions ol{color:#4a5568;margin:.5rem 0;padding-left:1.5rem}.upload-instructions li{margin:.25rem 0}.btn-link{background:none;border:none;color:#667fea;cursor:pointer;font-weight:600;padding:.5rem 0;text-decoration:none}.btn-link:hover{text-decoration:underline}.file-upload-area{margin:1.5rem 0}.file-upload-label{border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;display:block;padding:2rem;text-align:center;transition:all .3s}.file-upload-label:hover{background:#f8fafc;border-color:#667fea}.file-upload-placeholder{color:#718096}.upload-icon{display:block;font-size:3rem;margin-bottom:.5rem}.upload-hint{color:#a0aec0;font-size:.875rem;margin-top:.25rem}.file-selected{align-items:center;display:flex;gap:1rem;justify-content:space-between}.csv-format-info{background:#edf2f7;border-radius:8px;margin-top:1.5rem;padding:1rem}.csv-format-info h4{color:#2d3748;margin:0 0 .5rem}.csv-format-info ul{color:#4a5568;margin:.5rem 0;padding-left:1.5rem}.csv-format-info li{font-size:.875rem;margin:.25rem 0}.modal-footer{gap:1rem}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.quick-actions h2{color:#2c3e50;margin-bottom:1.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.chart-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-section .section-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.time-filter-buttons{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.time-filter-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.time-filter-btn:hover{background:#e5e7eb;color:#374151}.time-filter-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1;font-weight:600}.chart-container{background:#fff;border:1px solid #f3f4f6;border-radius:8px;padding:1rem}.recent-orders{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.recent-orders .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.recent-orders .section-header h2{color:#2c3e50;margin:0}.recent-orders h2{color:#2c3e50;margin-bottom:1.5rem}.view-all-btn{background:linear-gradient(135deg,#667fea,#667fea);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.view-all-btn:hover{box-shadow:0 4px 8px #667eea59;transform:translateY(-1px)}.orders-table{overflow-x:auto}.orders-table table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #e1e8ed;padding:.75rem;text-align:left}.orders-table th{background:#f8f9fa;color:#2c3e50;font-weight:600}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.375rem .875rem;text-transform:capitalize}.status-pending,.status-pending_payment{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-confirmed,.status-paid{background:#d1fae5;color:#065f46}.status-shipped{background:#e0f2fe;color:#075985}.status-delivered{background:#ccfbf1;color:#115e59}.status-cancelled{background:#f3f4f6;color:#374151}.status-refunded,.status-rejected{background:#fee2e2;color:#991b1b}.status-cancelled{background:#f8d7da;color:#721c24}.business-status{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.business-status h2{color:#2c3e50;margin-bottom:1rem}.status-card{align-items:center;border:2px solid;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.status-card.status-pending{background:#fff8e1;border-color:#ffc107}.status-card.status-rejected{background:#ffebee;border-color:#dc3545}.status-card .status-icon{font-size:2rem}.status-content h3{color:#2c3e50;margin-bottom:.5rem}.status-content p{color:#6c757d;margin-bottom:1rem}.products-header{margin-bottom:2rem}.products-header h1{color:#2c3e50}.products-filters{box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-box{min-width:200px}.search-box input{border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.filter-controls{display:flex;gap:1rem}.filter-controls select{border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.75rem}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s}.product-card:hover{transform:translateY(-2px)}.product-image{align-items:center;background:#f8f9fa;display:flex;height:200px;justify-content:center;overflow:hidden}.product-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{color:#bdc3c7;font-size:3rem}.product-info{padding:1rem}.product-info h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.product-category{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.product-price{color:#27ae60;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.product-stock{color:#6c757d;font-size:.9rem;margin-bottom:.5rem}.low-stock{color:#f39c12;font-weight:500}.out-of-stock{color:#e74c3c;font-weight:500}.product-status{margin-bottom:1rem}.product-actions{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:.5rem;padding:1rem}.products-summary{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:2rem}.summary-stats{display:flex;justify-content:space-around;text-align:center}.summary-stats .stat{display:flex;flex-direction:column;gap:.5rem}.summary-stats .stat strong{color:#2c3e50;font-size:1.5rem}.summary-stats .stat span{color:#7f8c8d;font-size:.9rem}.add-product{margin:0 auto;max-width:800px;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#2c3e50}.product-form{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.form-section{border-bottom:1px solid #e1e8ed;padding:2rem}.form-section:last-child{border-bottom:none}.form-section h2{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.tags-input{display:flex;flex-direction:column;gap:1rem}.add-tag{display:flex;gap:.5rem}.add-tag input{border:2px solid #e1e8ed;border-radius:8px;flex:1 1;padding:.75rem}.add-tag button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.tags-list{flex-wrap:wrap}.tag,.tags-list{display:flex;gap:.5rem}.tag{align-items:center;background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.9rem;padding:.5rem 1rem}.tag button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:1.2rem;line-height:1}.image-upload input[type=file]{background:#f8f9fa;border:2px dashed #e1e8ed;border-radius:8px;margin-bottom:1rem;padding:1rem;width:100%}.uploaded-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview{aspect-ratio:1;background:#f8f9fa;border-radius:8px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px}.form-actions{background:#f8f9fa;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.empty-state{border-radius:12px;box-shadow:0 2px 4px #0000001a}.empty-icon{font-size:4rem}.empty-state h3{color:#2c3e50}.empty-state p{color:#7f8c8d;margin-bottom:2rem}.loading-spinner{color:#7f8c8d;padding:4rem;text-align:center}@media (max-width:768px){.add-product,.merchant-dashboard,.merchant-products{padding:1rem}.stats-grid{grid-template-columns:1fr}.products-header{gap:1rem}.products-filters,.products-header{align-items:stretch;flex-direction:column}.action-buttons,.filter-controls,.product-actions{flex-direction:column}.page-header,.summary-stats{flex-direction:column;gap:1rem}.page-header{align-items:stretch}.form-actions{flex-direction:column}.time-filter-buttons{flex-wrap:wrap;gap:.25rem}.time-filter-btn{font-size:.8rem;padding:.4rem .75rem}.chart-section .section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#667fea,#667fea);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:3rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#718096;font-size:1rem}.auth-form{gap:1.5rem}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem}.auth-form .form-group label{color:#4a5568;font-size:.875rem;font-weight:600}.auth-form .form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .2s}.auth-form .form-group input:focus{border-color:#667fea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-form .form-group input::placeholder{color:#a0aec0}.btn-full{font-size:1rem;font-weight:600;padding:.875rem 1rem;width:100%}.auth-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem;text-align:center}.auth-footer p{color:#718096;font-size:.875rem}.auth-footer a{color:#667fea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.loading-container{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667fea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar .container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar .container,.navbar-brand .brand-link{align-items:center;display:flex;position:relative}.navbar-brand .brand-link{color:#667fea;font-size:1.5rem;font-weight:700;text-decoration:none;z-index:1001}.navbar-brand .brand-logo{display:block;height:36px;transition:opacity .2s ease;width:auto}.navbar-brand .brand-logo:hover{opacity:.85}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:28px;justify-content:space-around;padding:0;position:relative;width:32px;z-index:1001}.hamburger-line{background:#4a5568;border-radius:3px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-toggle.open .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0;transform:translateX(-20px)}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar-nav{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:6px;color:#4a5568;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s;white-space:nowrap}.nav-link:hover{background:#f8fafc;color:#667fea}.nav-link.active{background:#edf2f7;color:#667fea}.navbar-actions,.user-menu{align-items:center;display:flex;gap:1rem}.user-name{color:#718096;font-size:.875rem;font-weight:500}.mobile-menu-overlay,.mobile-user-info{display:none}.desktop-only{display:flex}@media (max-width:992px){.navbar .container{padding:0 1.5rem}.navbar-nav{gap:1.5rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.user-name{display:none}}@media (max-width:768px){.navbar{padding:.75rem 0}.navbar .container{justify-content:space-between;padding:0 1rem;width:100%}.mobile-menu-toggle{display:flex;margin-left:auto}.desktop-only,.navbar-actions{display:none}.navbar-nav{align-items:stretch;background:#fff;box-shadow:-4px 0 24px #00000026;flex-direction:column;gap:0;height:100vh;overflow-y:auto;padding:5rem 0 2rem;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);width:280px;z-index:999}.navbar-nav.mobile-open{right:0}.nav-link{align-items:center;border-left:4px solid #0000;border-radius:0;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.nav-link:hover{background:#f7fafc;border-left-color:#667fea}.nav-link.active{background:#edf2f7;border-left-color:#667fea}.mobile-user-info{background:#f7fafc;border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem}.mobile-user-info .user-name{color:#2d3748;display:block;font-size:1rem;font-weight:600}.mobile-logout-btn{align-items:center;display:flex;font-weight:600;gap:.5rem;justify-content:center;width:100%}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-container{padding:1rem}.auth-card{padding:2rem}}.products-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.products-list-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.product-list-item,.products-list-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr .8fr .8fr 1.5fr;padding:1rem 1.5rem}.product-list-item{align-items:center;border-bottom:1px solid #e2e8f0;transition:background .2s}.product-list-item:hover{background:#f8fafc}.product-list-item:last-child{border-bottom:none}.col-product{align-items:center;display:flex;gap:1rem}.product-image-small{align-items:center;background:#f8fafc;border-radius:6px;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.product-image-small img{height:100%;object-fit:cover;width:100%}.placeholder-image-small{font-size:1.5rem}.product-name-info h4{color:#2d3748;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.product-sku{color:#a0aec0;font-size:.75rem}.col-category,.col-price,.col-status,.col-stock{font-size:.9rem}.category-badge{background:#edf2f7;border-radius:12px;color:#4a5568;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.stock-ok{color:#38a169;font-weight:500}.stock-low{color:#dd6b20;font-weight:500}.stock-out{color:#e53e3e;font-weight:500}.col-actions{flex-wrap:wrap}@media (max-width:1200px){.product-list-item,.products-list-header{grid-template-columns:2fr 1fr 1fr 1fr 2fr}.col-stock{display:none}}@media (max-width:768px){.products-list-header{display:none}.product-list-item{gap:.75rem;grid-template-columns:1fr;padding:1rem}.col-product{grid-column:1}.col-category,.col-price,.col-status{display:inline-block;margin-right:1rem}.col-actions{justify-content:flex-start}}.merchant-products{background:#0000;margin:0 auto;max-width:1200px;padding:2rem}.products-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.products-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667fea,#667fea);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.25rem;font-weight:800;margin:0}.products-summary,.summary-stats{margin-bottom:2.5rem}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.stat:before{background:linear-gradient(135deg,#667fea,#667fea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat:hover{box-shadow:0 8px 15px #0000001a,0 3px 6px #00000014;transform:translateY(-2px)}.stat strong{color:#2d3748;display:block;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.75rem}.stat span{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.products-filters{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem}.products-filters .search-box{flex:1 1;position:relative}.products-filters .search-box input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;outline:none;padding:.875rem 1.25rem .875rem 2.75rem;transition:all .2s ease;width:100%}.products-filters .search-box input:focus{background:#fff;border-color:#667fea;box-shadow:0 0 0 3px #667eea1a}.products-filters .search-box:before{color:#9ca3af;content:"🔍";font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.products-filters .filter-controls{display:flex;gap:1rem}.products-filters select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:140px;outline:none;padding:.875rem 1.25rem;transition:all .2s ease}.products-filters select:focus{background:#fff;border-color:#667fea;box-shadow:0 0 0 3px #667eea1a}.products-filters select:hover{background:#fff;border-color:#cbd5e0}.empty-state{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:4rem 2rem}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.empty-state p{color:#718096;line-height:1.6;margin-bottom:.5rem}.cta-button{background:linear-gradient(135deg,#667fea,#667fea);border:none;border-radius:10px;box-shadow:0 4px 6px #667eea40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:2rem;padding:.875rem 2rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 15px #667eea59;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.merchant-orders{margin:0 auto;max-width:1200px;padding:2rem}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.orders-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0}.orders-filters,.orders-summary{margin-bottom:2rem}.orders-filters{align-items:center;display:flex;gap:1rem}.orders-filters .search-box{flex:1 1}.orders-filters .search-box input{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s;width:100%}.orders-filters .search-box input:focus{border-color:#667fea}.orders-filters .filter-controls{display:flex;gap:1rem}.orders-filters select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s}.orders-filters select:focus{border-color:#667fea}.orders-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.orders-list-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.order-list-item,.orders-list-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr 1.5fr;padding:1rem 1.5rem}.order-list-item{align-items:center;border-bottom:1px solid #e2e8f0;transition:background .2s}.order-list-item:hover{background:#f8fafc}.order-list-item:last-child{border-bottom:none}.col-order{align-items:center;display:flex}.order-info{display:flex;flex-direction:column}.order-info h4{color:#2d3748;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.order-items{color:#a0aec0;font-size:.75rem}.col-customer{align-items:center;display:flex}.customer-info{display:flex;flex-direction:column}.customer-name{color:#2d3748;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.customer-email{color:#a0aec0;font-size:.75rem}.col-date,.col-total{color:#2d3748;font-size:.9rem}.col-actions{align-items:center;display:flex;gap:.5rem}.status-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.col-actions .btn,.status-select{font-size:.8rem;padding:.4rem .75rem}@media (max-width:1200px){.order-list-item,.orders-list-header{grid-template-columns:1.5fr 1.5fr 1fr 1fr 2fr}.col-date{display:none}}@media (max-width:768px){.merchant-orders{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.add-product-btn{align-self:stretch;text-align:center}.orders-filters{align-items:stretch;flex-direction:column}.orders-filters .filter-controls{justify-content:space-between}.orders-list-header{display:none}.order-list-item{gap:.75rem;grid-template-columns:1fr;padding:1rem}.col-actions,.col-customer,.col-order,.col-status,.col-total{grid-column:1}.col-actions{justify-content:flex-start}}.order-detail-container{margin:0 auto;max-width:1200px;padding:2rem}.order-detail-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-left,.order-title{align-items:center;display:flex;gap:1rem}.order-title h1{color:#2c3e50;font-size:1.8rem;margin:0}.order-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.info-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.info-card h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.info-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.info-item label{color:#6c757d;font-weight:600}.info-item span{color:#2c3e50}.import-success>p{margin:.5rem 0}.address p{color:#2c3e50;margin:.25rem 0}.order-items-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.order-items-section h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.items-table{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.items-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057;font-weight:600}.item-row,.items-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem}.item-row{align-items:center;border-bottom:1px solid #f8f9fa}.item-row:last-child{border-bottom:none}.product-info h4{color:#2c3e50;font-size:1rem;margin:0 0 .25rem}.product-info p{color:#6c757d;font-size:.875rem;margin:0}.col-price,.col-quantity,.col-total{color:#2c3e50;font-weight:500;text-align:left}.order-totals{background:#f8f9fa;border-radius:6px;margin-left:auto;margin-top:1rem;max-width:400px;padding:1rem}.total-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.total-row:last-child{border-bottom:none}.total-final{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.order-timeline-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.order-timeline-section h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.timeline{padding-left:2rem;position:relative}.timeline:before{background:#e9ecef;bottom:0;content:"";left:.75rem;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#007bff;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e9ecef;height:12px;left:-2rem;position:absolute;top:.25rem;width:12px}.timeline-content{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;padding:1rem}.timeline-status{color:#2c3e50;font-weight:600;margin-bottom:.25rem;text-transform:capitalize}.timeline-note{color:#6c757d;margin-bottom:.5rem}.timeline-date{color:#868e96;font-size:.875rem}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow-x:auto}.table{background:#fff;border-collapse:collapse;table-layout:auto;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;text-align:left;white-space:nowrap}.table th{color:#4a5568;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tbody tr:hover,.table th{background:#f8fafc}.table tbody tr:last-child td{border-bottom:none}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.loading{align-items:center;display:flex;justify-content:center;padding:3rem}.shopify-modal{max-width:600px}.shopify-connect-section{margin:1.5rem 0}.shopify-input-group{align-items:center;border:2px solid #e1e8ed;border-radius:8px;display:flex;gap:0;overflow:hidden;transition:border-color .3s}.shopify-input-group:focus-within{border-color:#96bf48}.shopify-store-input{border:none;flex:1 1;font-size:1rem;outline:none;padding:.75rem}.shopify-token-input{border:2px solid #e1e8ed;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.shopify-token-input:focus{border-color:#96bf48;outline:none}.shopify-domain{background:#f8f9fa;border-left:1px solid #e1e8ed;color:#6c757d;font-size:.9rem;padding:.75rem 1rem;white-space:nowrap}.shopify-info-box{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1.25rem}.shopify-info-box h4{color:#2c3e50;font-size:.95rem;margin:0 0 .75rem}.shopify-info-box ol,.shopify-info-box ul{color:#6c757d;margin:0;padding-left:1.5rem}.shopify-info-box li{font-size:.9rem;margin:.5rem 0}.shopify-info-box code{background:#e9ecef;border-radius:4px;color:#96bf48;font-size:.85rem;font-weight:600;padding:.2rem .4rem}.shopify-instructions li{line-height:1.6;margin:1rem 0}.shopify-instructions li strong{color:#2c3e50;font-size:.95rem}.shopify-instructions li small{color:#6c757d;display:block;font-size:.85rem;line-height:1.5;margin-top:.25rem}.shopify-instructions li small.note{color:#96bf48;font-weight:500;margin-top:.5rem}.help-link{border-top:1px solid #e1e8ed;margin-top:1.5rem;padding-top:1rem;text-align:center}.help-link a{color:#96bf48;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.help-link a:hover{color:#7ea639;text-decoration:underline}.shopify-connected{padding:2rem 1rem;text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.shopify-connected h3{color:#2c3e50;margin:0 0 .5rem}.connected-store{color:#96bf48;font-size:1.1rem;font-weight:600;margin:.5rem 0 1rem}.shopify-connected p{color:#6c757d;margin-bottom:1.5rem}.shopify-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.importing-state{padding:3rem 1rem;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#96bf48;height:60px;margin:0 auto 1.5rem;width:60px}.importing-state h3{color:#2c3e50;margin:0 0 .5rem}.importing-state p{color:#6c757d;margin:.5rem 0}.import-note{font-size:.9rem;font-style:italic}.import-success{padding:2rem 1rem;text-align:center}.success-icon-large{font-size:4rem;margin-bottom:1rem}.import-success h3{color:#2c3e50;margin:0 0 1.5rem}.import-stats{background:#f8f9fa;border-radius:8px;display:flex;gap:2rem;justify-content:center;margin:2rem 0;padding:1.5rem}.import-stats .stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.import-stats .stat-item strong{color:#96bf48;font-size:2rem}.import-stats .stat-item.error strong{color:#e74c3c}.import-stats .stat-item span{color:#6c757d;font-size:.9rem}.import-success>p{color:#6c757d;margin-top:1rem}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1e293b;font-size:1.25rem;margin:0}.modal-close{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#1e293b}.modal-body{padding:1.5rem}.modal-body p{color:#1e293b;margin:0}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-danger{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.btn-danger:hover{background-color:#b91c1c}.account-balance-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 6px #6366f133;color:#fff;margin-bottom:2rem;padding:2rem}.account-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.account-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;opacity:.9}.account-name{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.balance-label{font-size:.875rem;margin-bottom:.5rem;opacity:.9}.balance-amount{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.wallet-icon{font-size:3rem;opacity:.3}.account-card-footer{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:space-between;padding-top:1.5rem}.account-number{font-size:1rem;font-weight:500;letter-spacing:.05em}.account-actions{display:flex;gap:.75rem}.action-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.action-btn:hover{background:#ffffff4d}.action-btn span{font-size:1.25rem}.transactions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.transactions-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.export-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.export-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transactions-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.search-box{flex:1 1;min-width:250px}.search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.625rem 1rem;transition:all .2s;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;padding:.625rem 1rem;transition:all .2s}.filter-select:focus{border-color:#6366f1;outline:none}.per-page-label{color:#64748b;font-size:.875rem}.transactions-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:#f8fafc}.transactions-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.transactions-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.875rem;padding:1rem}.transactions-table tbody tr:hover{background:#f8fafc}.empty-state{padding:3rem 1rem!important;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#64748b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.empty-subtitle{color:#94a3b8;font-size:.875rem}