*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#2c3e50;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}button{font-family:inherit;cursor:pointer;transition:all .3s ease}button:focus{outline:2px solid #667eea;outline-offset:2px}input,select,textarea{font-family:inherit;transition:all .3s ease}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.navbar-logo{flex-shrink:0}.logo-link{text-decoration:none;color:#fff}.logo-link h2{margin:0;font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px}.navbar-menu{display:flex;align-items:center;gap:30px;flex:1;justify-content:space-between;margin-left:50px}.navbar-nav{display:flex;align-items:center;gap:20px}.nav-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:all .3s ease;position:relative}.nav-link:hover{background:#ffffff26;transform:translateY(-1px)}.nav-link.active{background:#fff3}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#fff;border-radius:1px}.nav-icon{font-size:16px}.navbar-actions{display:flex;align-items:center;gap:15px}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;width:30px;height:25px;justify-content:space-between}.navbar-toggle span{display:block;height:3px;width:100%;background:#fff;border-radius:1px;transition:all .3s ease}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.navbar{height:60px}.navbar-container{padding:0 15px}.logo-link h2{font-size:20px}.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:60px;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;padding:20px;gap:20px;margin-left:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0003}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-nav{flex-direction:column;width:100%;gap:10px}.nav-link{width:100%;justify-content:center;padding:15px;font-size:16px}.navbar-actions{width:100%;justify-content:center}.btn-outline{padding:12px 20px;font-size:16px}.user-dropdown-menu{position:fixed;top:auto;bottom:20px;left:50%;right:auto;transform:translate(-50%);min-width:200px}.dropdown-item{padding:16px 20px;font-size:16px}}@media (max-width: 480px){.navbar-container{padding:0 10px}.logo-link h2{font-size:18px}.navbar-menu{padding:15px}.nav-link{padding:12px}}.user-dropdown{position:relative}.user-dropdown-toggle{display:flex;align-items:center;gap:8px;position:relative}.dropdown-arrow{font-size:12px;transition:transform .3s ease;margin-left:4px}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:8px 0;min-width:160px;z-index:1001;margin-top:8px;border:1px solid #e1e8ed;animation:dropdownFadeIn .3s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#2c3e50;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#f8fafc;color:#667eea}.dropdown-item:hover .dropdown-icon{transform:scale(1.1)}.dropdown-icon{font-size:16px;transition:transform .2s ease}.dropdown-divider{height:1px;background:#e1e8ed;margin:4px 0}.logout-item{color:#e74c3c}.logout-item:hover{background:#fff5f5;color:#c0392b}.order-dashboard{padding:20px;max-width:1600px;margin:0 auto;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fafc;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#fff;padding:25px 35px;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0}.dashboard-header h1{color:#1a202c;margin:0;font-size:28px;font-weight:600}.header-info h1{margin:0 0 5px}.orders-count{margin:0;color:#666;font-size:14px;font-weight:500}.filter-info{color:#667eea;font-weight:600}.refresh-btn{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.filters-container{display:flex;gap:20px;margin-bottom:25px;background:#fff;padding:25px 35px;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#374151;font-size:14px}.status-filter,.type-filter,.date-filter,.date-input,.search-input{padding:10px 15px;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:14px;transition:all .2s ease;min-width:200px}.status-filter:focus,.type-filter:focus,.date-filter:focus,.date-input:focus,.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.date-input{min-width:180px}.reset-filters-btn{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:150px}.reset-filters-btn:hover{background:linear-gradient(135deg,#e53e3e,#c53030);transform:translateY(-1px);box-shadow:0 4px 8px #e53e3e4d}.search-container{position:relative;display:flex;align-items:center}.search-input{min-width:300px;padding-right:35px}.clear-search-btn{position:absolute;right:10px;background:none;border:none;font-size:16px;color:#999;cursor:pointer;padding:2px 5px;border-radius:50%;transition:all .2s ease}.clear-search-btn:hover{background:#f0f0f0;color:#666}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:25px}.stat-card{background:#fff;padding:12px;border-radius:10px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#4f46e5}.stat-card.active{background:#3b3974;color:#fff;border-color:#4f46e5}.stat-card h3{margin:0 0 6px;color:#374151;font-size:11px;font-weight:600}.stat-card.active h3{color:#fff}.stat-number{font-size:18px;font-weight:700;color:#1a202c}.stat-card.active .stat-number{color:#fff}.click-indicator{font-size:9px;color:#9ca3af;margin-top:4px;opacity:0;transition:opacity .2s ease}.stat-card.clickable:hover .click-indicator{opacity:1}.orders-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0;overflow:hidden}.table-responsive{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.orders-table th{background:#4f46e5;color:#fff;padding:16px 14px;text-align:left;font-weight:600;font-size:13px}.orders-table td{padding:15px 12px;border-bottom:1px solid #e1e8ed;vertical-align:top}.orders-table tr:hover{background:#f8fafc}.order-id{font-weight:600;color:#667eea;min-width:120px}.customer-name{font-weight:500;color:#2c3e50;min-width:150px}.customer-email{color:#666;min-width:200px;word-break:break-word}.order-items{min-width:250px;max-width:300px}.items-list{display:flex;flex-direction:column;gap:8px}.item{background:#f8fafc;padding:8px 12px;border-radius:6px;border-left:3px solid #667eea}.item strong{display:block;color:#2c3e50;margin-bottom:4px}.item-details{font-size:12px;color:#666}.product-type-badge{font-size:11px;padding:3px 8px;border-radius:12px;margin-bottom:8px;font-weight:600;text-align:center;display:inline-block}.product-type-badge.digital{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.product-type-badge.physical{background:#fff3e0;color:#f57c00;border:1px solid #ff9800}.order-total{font-weight:600;color:#27ae60;min-width:100px}.shipping-address,.billing-address{min-width:200px;max-width:250px}.address-tooltip{background:#f8fafc;padding:8px 12px;border-radius:6px;font-size:12px;color:#666;line-height:1.4}.address-tooltip strong{color:#2c3e50;font-size:11px;margin-bottom:4px;display:block}.order-date{color:#666;min-width:130px;font-size:12px}.order-status{min-width:100px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tracking-info{text-align:center;font-size:12px;min-width:120px}.tracking-number{display:flex;align-items:center;justify-content:center;gap:5px;background:#e3f2fd;border-radius:8px;padding:4px 8px;color:#1976d2;font-weight:500}.tracking-label{font-size:14px}.tracking-id{font-family:monospace;font-size:11px;font-weight:700}.no-tracking{color:#999;font-style:italic}.order-actions{min-width:150px}.action-buttons{display:flex;align-items:center;gap:8px;min-width:200px}.status-select{padding:8px 12px;border:2px solid #e1e8ed;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.status-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.updating-spinner{font-size:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #e1e8ed;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p,.error-container p{color:#666;font-size:16px}.loading-subtext{color:#888;font-size:14px;margin-top:5px}.retry-btn{background:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;transition:all .3s ease}.retry-btn:hover{background:#c0392b;transform:translateY(-2px)}.no-orders{padding:50px;text-align:center;color:#666;font-size:16px}.loading-more{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#fff;border-top:1px solid #e1e8ed}.loading-spinner-small{width:24px;height:24px;border:3px solid #e1e8ed;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.loading-more p{margin:0;color:#666;font-size:14px}.load-more-container{display:flex;justify-content:center;padding:30px;background:#fff;border-top:1px solid #e1e8ed}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 1200px){.order-dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.filters-container{flex-direction:column;gap:15px}.search-input,.status-filter,.type-filter,.date-filter,.date-input{min-width:100%}}@media (max-width: 768px){.orders-table{font-size:12px}.orders-table th,.orders-table td{padding:10px 8px}.shipping-address,.billing-address{min-width:150px;max-width:180px}.address-tooltip{font-size:11px;padding:6px 8px}.stats-container{grid-template-columns:repeat(2,1fr);gap:8px}.stat-number{font-size:20px}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr;gap:8px}.orders-table th,.orders-table td{padding:8px 6px}.shipping-address,.billing-address{min-width:120px;max-width:140px}.item,.address-tooltip{padding:6px 8px;font-size:11px}.address-tooltip strong{font-size:10px}}.email-success-indicator{display:inline-flex;align-items:center;padding:4px 8px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;animation:pulse 2s infinite;cursor:help;box-shadow:0 2px 4px #4caf504d}.email-success-indicator:hover{background:linear-gradient(135deg,#388e3c,#4caf50);transform:scale(1.05)}.email-failed-indicator{display:inline-flex;align-items:center;padding:4px 8px;background:linear-gradient(135deg,#f44336,#e57373);color:#fff;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;animation:shake .5s ease-in-out;cursor:help;box-shadow:0 2px 4px #f443364d}.email-failed-indicator:hover{background:linear-gradient(135deg,#d32f2f,#f44336);transform:scale(1.05)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.status-select option:disabled{color:#ccc!important;background-color:#f5f5f5!important;cursor:not-allowed}.status-select:hover{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 15px #667eea4d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info{display:flex;align-items:center;gap:15px}.selected-count{font-weight:600;font-size:16px}.clear-selection-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.clear-selection-btn:hover{background:#ffffff4d;transform:scale(1.05)}.bulk-actions{display:flex;align-items:center;gap:12px}.bulk-action-select{padding:10px 15px;border:none;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;min-width:200px}.apply-bulk-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.apply-bulk-btn:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.apply-bulk-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.select-column{width:50px;text-align:center;padding:15px 8px!important}.select-all-checkbox,.order-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea;transform:scale(1.2)}.select-all-checkbox:hover,.order-checkbox:hover{transform:scale(1.3)}.selected-row{background:linear-gradient(135deg,#e3f2fd,#f3e5f5)!important;border-left:4px solid #667eea!important;box-shadow:0 2px 8px #667eea1a}.selected-row:hover{background:linear-gradient(135deg,#bbdefb,#e1bee7)!important}.orders-table th:first-child,.orders-table td:first-child{width:50px;min-width:50px;max-width:50px}.csv-upload-section{margin:20px 0}.csv-upload-toggle-btn{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #34495e4d}.csv-upload-toggle-btn:hover{background:linear-gradient(135deg,#2c3e50,#34495e);transform:translateY(-2px);box-shadow:0 4px 12px #34495e66}.csv-upload-container{background:#fff;border-radius:10px;padding:25px;margin-top:15px;box-shadow:0 4px 15px #0000001a;border:2px dashed #e1e8ed;animation:slideDown .3s ease-out}.csv-upload-header{text-align:center;margin-bottom:25px}.csv-upload-header h3{color:#2c3e50;margin-bottom:10px}.csv-upload-header p{color:#666;font-size:14px}.required-columns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.column-tag{padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.5px}.column-tag.required{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #2196f3}.column-tag.optional{background:linear-gradient(135deg,#fff3e0,#ffcc02);color:#ef6c00;border:1px solid #ff9800}.csv-note{font-style:italic;color:#4caf50!important;font-weight:600;margin-top:10px}.sample-download{margin-top:15px}.download-sample-btn{background:linear-gradient(135deg,#2196f3,#64b5f6);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 3px 10px #2196f34d}.download-sample-btn:hover{background:linear-gradient(135deg,#1976d2,#2196f3);transform:translateY(-2px);box-shadow:0 5px 15px #2196f366}.csv-upload-content{display:flex;flex-direction:column;gap:20px}.file-upload-area{display:flex;justify-content:center;align-items:center;padding:40px;border:2px dashed #667eea;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#e3f2fd);transition:all .3s ease}.file-upload-area:hover{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e8,#e3f2fd)}.csv-file-input{display:none}.file-upload-label{display:flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.file-upload-label:hover{background:linear-gradient(135deg,#5a67d8,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.csv-preview{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #e1e8ed}.csv-preview h4{color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:8px}.csv-preview-table{overflow-x:auto;margin-bottom:20px}.csv-preview-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.csv-preview-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:14px}.csv-preview-table td{padding:12px 15px;border-bottom:1px solid #e1e8ed;font-size:13px;color:#2c3e50}.csv-preview-table tr:last-child td{border-bottom:none}.csv-preview-table tr:hover{background-color:#f8fafc}.csv-more-rows{text-align:center;color:#666;font-style:italic;padding:10px;background:#f0f2f5;border-radius:6px;margin-top:10px}.csv-actions{display:flex;gap:15px;justify-content:center}.process-csv-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 3px 10px #4caf504d}.process-csv-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.process-csv-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.reset-csv-btn{background:linear-gradient(135deg,#ff5722,#ff7043);color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 3px 10px #ff57224d}.reset-csv-btn:hover{background:linear-gradient(135deg,#e64a19,#ff5722);transform:translateY(-2px);box-shadow:0 5px 15px #ff572266}.csv-results{background:linear-gradient(135deg,#e8f5e8,#f3e5f5);border-radius:10px;padding:20px;border-left:4px solid #4caf50}.csv-results h4{color:#2c3e50;margin-bottom:15px}.results-summary{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.result-item{padding:8px 15px;border-radius:20px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:5px}.result-item.success{background:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.result-item.failed{background:#ffebee;color:#c62828;border:1px solid #f44336}.result-item.not-found{background:#fff3e0;color:#ef6c00;border:1px solid #ff9800}.result-item.total{background:#e3f2fd;color:#1565c0;border:1px solid #2196f3}@media (max-width: 768px){.csv-upload-container{padding:15px}.file-upload-area{padding:20px}.csv-actions{flex-direction:column}.results-summary{flex-direction:column;align-items:center}.file-upload-label{font-size:14px;padding:12px 20px}}.action-buttons-header{display:flex;gap:12px;align-items:center}.debug-btn{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 10px #ff98004d}.debug-btn:hover{background:linear-gradient(135deg,#5a6268,#6c757d);transform:translateY(-2px);box-shadow:0 4px 15px #6c757d66}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preorder-badge{display:inline-block;margin-left:8px;font-size:14px;animation:pulse 2s infinite}.dispute-actions{margin-top:8px}.dispute-btn{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease}.dispute-btn:hover{background:#c0392b;transform:translateY(-1px)}.dispute-resolution{margin-top:8px}.dispute-info{margin-bottom:8px}.dispute-details{background:#fff3cd;border:1px solid #ffeaa7;padding:6px 8px;border-radius:4px;font-size:10px}.dispute-reason{color:#856404;font-weight:500}.dispute-resolution-note{margin-top:4px;padding:4px 6px;background:#e8f4fd;border-radius:3px;border-left:3px solid #3498db}.dispute-resolution-note small{color:#2980b9;font-weight:500}.dispute-pending{color:#e74c3c;font-size:10px;font-weight:500}.resolution-buttons{display:flex;gap:6px}.refund-btn{background:#27ae60;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;transition:all .2s ease}.refund-btn:hover{background:#219a52}.reorder-btn{background:#3498db;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;transition:all .2s ease}.reorder-btn:hover{background:#2980b9}.refunded-status,.reordered-status{margin-top:8px;padding:6px 8px;border-radius:4px;font-size:10px}.refunded-status{background:#d4edda;border:1px solid #c3e6cb}.refunded-label{color:#155724;font-weight:500}.reordered-status{background:#cce5ff;border:1px solid #99d1ff}.reordered-label{color:#004085;font-weight:500}.reorder-info{color:#0056b3;font-size:9px;margin-top:2px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dispute-modal{background:#fff;width:90%;max-width:600px;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{background:#f8f9fa;padding:20px 25px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#343a40;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#e9ecef;color:#343a40}.modal-content{padding:25px;max-height:60vh;overflow-y:auto}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.form-section{margin-top:10px;padding-top:10px;border-top:1px dashed #e5e7eb}.form-section h4{margin:0 0 10px;font-size:14px;color:#374151}.dispute-select,.dispute-textarea{width:100%;padding:12px 15px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;font-family:inherit}.dispute-select:focus,.dispute-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.dispute-textarea{resize:vertical;min-height:100px}.photo-input{width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.photo-input:hover{border-color:#4f46e5;background:#f3f4f6}.photo-info{margin-top:8px}.photo-info small{color:#6b7280}.uploaded-photos{margin-top:15px;padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.uploaded-photos strong{color:#374151;font-size:14px}.uploaded-photos ul{margin:10px 0 0;padding:0 0 0 20px}.uploaded-photos li{color:#6b7280;font-size:13px;margin-bottom:5px}.dispute-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:20px;margin-top:20px}.dispute-info-box h4{margin:0 0 15px;color:#1e40af;font-size:16px;font-weight:600}.dispute-info-box ul{margin:0;padding:0 0 0 20px}.dispute-info-box li{color:#1e40af;margin-bottom:8px;font-size:14px}.modal-actions{padding:20px 25px;border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end}.submit-dispute-btn{background:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.submit-dispute-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.submit-dispute-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#545b62;transform:translateY(-1px)}@media (max-width: 768px){.dispute-modal{width:95%;margin:10px}.modal-content{padding:20px}.modal-actions{flex-direction:column;gap:10px}.submit-dispute-btn,.cancel-btn{width:100%}.resolution-buttons{flex-direction:column;gap:8px}.refund-btn,.reorder-btn{width:100%;padding:8px 12px;font-size:11px}}.dispute-resolution-buttons{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.dispute-refund-btn,.dispute-reorder-btn{padding:4px 8px;border:1px solid;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;transition:all .2s ease;min-width:70px}.dispute-refund-btn{background:#e8f5e8;color:#27ae60;border-color:#27ae60}.dispute-refund-btn:hover{background:#27ae60;color:#fff}.dispute-reorder-btn{background:#e3f2fd;color:#3498db;border-color:#3498db}.dispute-reorder-btn:hover{background:#3498db;color:#fff}.dispute-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.dispute-reason{font-weight:600;color:#d32f2f;text-transform:capitalize}.dispute-date{font-size:12px;color:#666;font-weight:500}.dispute-comment{margin:10px 0;padding:10px;background:#f9f9f9;border-radius:8px;border-left:4px solid #ff9800;font-size:14px;line-height:1.4}.dispute-comment strong{color:#333;font-weight:600}.dispute-photos{margin:10px 0;padding:8px;background:#f5f5f5;border-radius:6px}.dispute-photos strong{color:#1976d2;font-weight:600}.photo-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.photo-item{background:#fff;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #ddd;color:#666}.dispute-resolution-info{margin:10px 0;padding:10px;background:#e8f5e8;border-radius:8px;border-left:4px solid #4caf50}.resolution-status{color:#2e7d32;font-weight:600;font-size:14px}@media (max-width: 768px){.dispute-header{flex-direction:column;align-items:flex-start;gap:5px}.dispute-comment{font-size:13px}.photo-list{flex-direction:column;gap:4px}.photo-item{font-size:11px}}.fast-sync-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;margin-left:8px}.fast-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.fast-sync-btn:disabled{background:#ccc;cursor:not-allowed}.full-sync-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;margin-left:8px}.full-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-1px);box-shadow:0 4px 8px #ff98004d}.full-sync-btn:disabled{background:#ccc;cursor:not-allowed}.export-info{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #4CAF50;border-radius:8px;padding:15px 20px;margin-bottom:20px;box-shadow:0 2px 8px #4caf501a}.export-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.export-count{color:#2e7d32;font-size:14px;font-weight:500}.export-count strong{color:#1b5e20;font-weight:700}.export-note{color:#666;font-size:13px;font-style:italic}@media (max-width: 768px){.export-summary{flex-direction:column;align-items:flex-start}}.export-dropdown-container{position:relative;display:inline-block;margin-left:8px}.export-dropdown-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:5px}.export-dropdown-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.export-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px;margin-top:5px;overflow:hidden}.export-option-btn{display:block;width:100%;padding:12px 16px;background:#fff;border:none;text-align:left;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.export-option-btn:hover{background:#f8f9fa;color:#4caf50}.export-option-btn:last-child{border-bottom:none}.export-option-btn:active{background:#e8f5e8}.custom-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;min-width:400px;max-width:600px;padding:0;border-radius:12px;box-shadow:0 8px 32px #0000004d;animation:notificationSlideIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.notification-content{display:flex;align-items:flex-start;padding:20px 24px;gap:16px;position:relative}.notification-message{flex:1;font-size:16px;line-height:1.5;font-weight:500}.notification-message div{margin-bottom:4px}.notification-message div:last-child{margin-bottom:0}.notification-close{position:absolute;top:12px;right:12px;background:#fff3;border:none;width:28px;height:28px;border-radius:50%;color:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-close:hover{background:#ffffff4d;transform:scale(1.1)}.custom-notification-success{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:2px solid #4caf50}.custom-notification-error{background:linear-gradient(135deg,#f44336,#e57373);color:#fff;border:2px solid #f44336}.custom-notification-warning{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;border:2px solid #ff9800}.custom-notification-info{background:linear-gradient(135deg,#2196f3,#64b5f6);color:#fff;border:2px solid #2196f3}@media (max-width: 768px){.custom-notification{min-width:320px;max-width:90vw;margin:0 20px}.notification-content{padding:16px 20px;gap:12px}.notification-message{font-size:14px}}@media (max-width: 480px){.custom-notification{min-width:280px;max-width:95vw}.notification-content{padding:14px 16px}.notification-close{width:24px;height:24px;font-size:12px;top:8px;right:8px}}.dispute-history{margin-top:8px;opacity:.85}.dispute-history .dispute-details{background:#f8f9fa;border-left:4px solid #6c757d;padding:12px;border-radius:6px}.dispute-history .dispute-reason{color:#6c757d;font-size:13px}.dispute-history .dispute-comment{background:#e9ecef;border-left-color:#6c757d;font-size:13px}.dispute-history .dispute-photos{background:#e9ecef}.dispute-history .resolution-status{font-size:13px}.dispute-management-btn{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #e91e634d}.dispute-management-btn:hover{background:linear-gradient(135deg,#c2185b,#ad1457);transform:translateY(-1px);box-shadow:0 4px 12px #e91e6366}.dispute-management-btn.active{background:linear-gradient(135deg,#e53e3e,#c53030);transform:translateY(-1px)}.dispute-management-container{background:#fff;border-radius:12px;padding:25px;margin:20px 0;box-shadow:0 4px 15px #0000001a;border:2px solid #e91e63}.dispute-management-header{text-align:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.dispute-management-header h3{color:#e91e63;margin-bottom:8px;font-size:24px;font-weight:700}.dispute-management-header p{color:#666;font-size:16px;margin:0}.disputes-list{min-height:200px}.no-disputes{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-radius:12px;border:2px dashed #4caf50}.no-disputes p{font-size:18px;color:#2e7d32;font-weight:600;margin:0}.disputes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.dispute-card{background:#fff;border-radius:12px;border:2px solid #f0f0f0;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;overflow:hidden}.dispute-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026;border-color:#e91e63}.dispute-card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.order-info h4{color:#333;margin:0 0 5px;font-size:18px;font-weight:700}.customer-info{color:#666;font-size:14px;font-weight:500}.dispute-status-badge{display:flex;align-items:center}.status-indicator{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.pending{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:2px solid #ffc107}.status-indicator.resolved{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #28a745}.dispute-details-card{padding:20px}.dispute-issue{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #e91e63}.dispute-issue strong{color:#333;font-weight:600}.issue-type{background:#e91e63;color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.5px}.dispute-description{margin-bottom:15px;padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #ff9800}.dispute-description strong{color:#333;display:block;margin-bottom:8px;font-weight:600}.dispute-description p{margin:0;color:#555;line-height:1.5;font-size:14px}.dispute-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px;background:#f0f8ff;border-radius:8px}.dispute-date,.resolution-date{font-size:13px;color:#666;font-weight:500}.dispute-photos-section{margin-bottom:15px;padding:15px;background:#f5f5f5;border-radius:8px}.dispute-photos-section strong{color:#1976d2;display:block;margin-bottom:10px;font-weight:600}.photos-grid{display:flex;flex-wrap:wrap;gap:10px}.photo-thumbnail{background:#fff;border:2px solid #ddd;border-radius:6px;padding:8px 12px;transition:all .3s ease}.photo-thumbnail:hover{border-color:#2196f3;transform:scale(1.05)}.photo-link{display:block;color:#2196f3;cursor:pointer;font-size:12px;font-weight:500;text-decoration:none}.photo-link:hover{color:#1976d2;text-decoration:underline}.resolution-info{margin-bottom:15px;padding:15px;background:#e8f5e8;border-radius:8px;border-left:4px solid #4caf50}.resolution-info strong{color:#333;display:block;margin-bottom:8px;font-weight:600}.resolution-type{padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.resolution-type.refund{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.resolution-type.reorder{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.dispute-actions{display:flex;gap:12px;margin-top:20px;padding-top:15px;border-top:2px solid #f0f0f0}.resolve-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.resolve-btn.refund-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 3px 10px #ff98004d}.resolve-btn.refund-btn:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-2px);box-shadow:0 5px 15px #ff980066}.resolve-btn.reorder-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 3px 10px #4caf504d}.resolve-btn.reorder-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}@media (max-width: 768px){.disputes-grid{grid-template-columns:1fr;gap:15px}.dispute-card-header{flex-direction:column;align-items:flex-start;gap:10px}.dispute-actions{flex-direction:column;gap:10px}.photos-grid{flex-direction:column;gap:8px}.dispute-meta{gap:5px}}.fix-shipping-btn{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:150px;box-shadow:0 2px 4px #38a16933}.fix-shipping-btn:hover{background:linear-gradient(135deg,#2f855a,#276749);transform:translateY(-1px);box-shadow:0 4px 8px #38a1694d}.fix-shipping-btn:active{transform:translateY(0);box-shadow:0 2px 4px #38a16933}.products-toolbar{position:sticky;top:64px;z-index:5;background:linear-gradient(90deg,#fff,#f8f9fb);padding:12px;border-bottom:1px solid rgba(0,0,0,.06)}.products-toolbar .controls{display:grid;grid-template-columns:1fr 200px 200px 200px 120px;gap:12px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 24px #0000000f;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001a}.product-media{background:#f3f5f8;height:160px;display:flex;align-items:center;justify-content:center}.product-media img{width:100%;height:100%;object-fit:cover}.product-body{padding:12px 14px 14px}.product-title{font-size:15px;line-height:1.35;font-weight:700;margin:4px 0 6px;color:#24292f}.product-subtitle{font-size:12px;color:#6b7280;margin-bottom:8px}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pill{font-size:11px;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#475569}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#fafbfc;border:1px dashed rgba(0,0,0,.06);border-radius:10px;padding:8px 10px}.stat .label{font-size:11px;color:#6b7280}.stat .value{font-size:14px;font-weight:700;color:#111827}.badge{display:inline-block;font-size:11px;padding:3px 8px;border-radius:999px}.badge.warning{background:#fff6e5;color:#9a6c00;border:1px solid #ffe2a8}.skeleton{background:linear-gradient(90deg,#f2f4f7 25%,#e9ecf1 37%,#f2f4f7 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.pd-container{padding:16px}.pd-header{margin-bottom:12px}.pd-breadcrumbs a{color:#4f46e5;text-decoration:none}.pd-title{margin:6px 0;font-size:24px}.pd-input{font-size:24px;font-weight:700;width:100%;border:none;outline:none;background:transparent}.pd-sub{color:#6b7280;font-size:13px}.pd-grid{display:grid;grid-template-columns:360px 1fr;gap:16px}.pd-media img{width:100%;border-radius:12px;object-fit:cover}.pd-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.pd-thumbs img{width:100%;height:64px;object-fit:cover;border-radius:8px}.card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px;margin-bottom:12px}.card-title{font-weight:700;margin-bottom:10px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kv{background:#fafbfc;border:1px dashed rgba(0,0,0,.06);border-radius:10px;padding:8px 10px}.kv-label{font-size:11px;color:#6b7280}.kv-value{font-size:14px;font-weight:600;color:#111827}.pd-desc{font-size:14px;color:#374151}.pd-textarea{width:100%;min-height:160px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:14px}.table{width:100%;display:grid;gap:6px}.tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:8px;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:#fafafa}.tr.th{background:#f1f5f9;font-weight:700}.badge{display:inline-block;font-size:11px;padding:3px 8px;border-radius:999px;margin-left:8px}.badge.success{background:#e6f7ec;color:#1f7a47;border:1px solid #b8ebc8}.badge.muted{background:#f0f1f3;color:#475569;border:1px solid #e5e7eb}@media (max-width: 900px){.pd-grid{grid-template-columns:1fr}}.tabs{display:inline-flex;gap:6px;background:#eef2ff;padding:4px;border-radius:999px}.tab{font-size:12px;padding:6px 10px;border-radius:999px;cursor:pointer;color:#4338ca}.tab.active{background:#4f46e5;color:#fff}.mf-list{display:grid;gap:10px}.mf-row{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px;display:grid;gap:8px}.mf-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.badge.ns{background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc}.badge.key{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.mf-type{display:flex;gap:8px;align-items:center;font-size:12px;color:#6b7280}.code-area{width:100%;min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#f8fafc}.mf-actions{display:flex;gap:8px;justify-content:flex-end}.kv input,.kv select{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;font-size:13px}.pd-input,.pd-textarea{background:#fff}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:15px;padding:40px;box-shadow:0 20px 40px #0003;width:100%;max-width:400px;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#2c3e50;margin:0 0 10px;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.login-header p{color:#666;margin:0;font-size:14px}.login-form{margin-bottom:30px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f8fafc}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.error-message{background:#fee;color:#c62828;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #ffcdd2;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-demo{background:#f8fafc;padding:20px;border-radius:8px;text-align:center;border:2px dashed #e1e8ed}.login-demo p{margin:0 0 5px;font-size:13px;color:#666}.login-demo p:first-child{font-weight:600;color:#2c3e50;margin-bottom:10px}@media (max-width: 480px){.login-container{padding:15px}.login-card{padding:25px}.login-header h2{font-size:20px}.form-group input{padding:10px 14px}.login-btn{padding:12px 18px;font-size:14px}}.settings-container{max-width:1000px;margin:0 auto;padding:20px}.settings-header{text-align:center;margin-bottom:40px;background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 20px #0000001a}.settings-header h1{margin:0 0 10px;color:#2c3e50;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.settings-header p{margin:0;color:#666;font-size:16px}.settings-content{background:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px}.settings-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f1f3f5}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h3{margin:0 0 25px;color:#2c3e50;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:3px solid #667eea;display:inline-flex}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f8fafc}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.checkbox-group{display:flex;align-items:center;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#2c3e50;margin-bottom:0}.checkbox-label input[type=checkbox]{width:auto;margin:0;transform:scale(1.2);accent-color:#667eea}.info-box{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;padding:15px;margin-top:15px}.info-box h4{margin:0 0 10px;color:#1976d2;font-size:14px}.info-box ol{margin:0;padding-left:20px;color:#1976d2}.info-box li{margin:5px 0;font-size:13px;line-height:1.4}.smtp-instructions{margin-top:15px}.smtp-provider{background:#f8fafc;border:1px solid #e1e8ed;border-radius:8px;padding:15px;margin-bottom:15px}.smtp-provider:last-child{margin-bottom:0}.smtp-provider strong{color:#2c3e50;font-size:14px;display:block;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #e1e8ed}.smtp-provider ol{margin:0;padding-left:20px;color:#666}.smtp-provider li{margin:8px 0;font-size:12px;line-height:1.5}.settings-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px;border-top:2px solid #f1f3f5}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.success-message{background:#d4edda;color:#155724;padding:15px 20px;border-radius:8px;margin-top:20px;text-align:center;font-weight:600;border:2px solid #c3e6cb;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-help{background:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 20px #0000001a}.settings-help h3{margin:0 0 25px;color:#2c3e50;font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:3px solid #17a2b8;display:inline-flex}.help-section{margin-bottom:30px;padding:25px;background:#f8fafc;border-radius:10px;border-left:4px solid #667eea}.help-section h4{margin:0 0 15px;color:#2c3e50;font-size:18px;font-weight:600}.help-section ol{margin:0;padding-left:20px;color:#555;line-height:1.6}.help-section li{margin-bottom:8px}.help-section ul{margin:10px 0;padding-left:20px}.help-section ul li{margin-bottom:4px}.help-section a{color:#667eea;text-decoration:none;font-weight:600}.help-section a:hover{text-decoration:underline}@media (max-width: 768px){.settings-container{padding:15px}.settings-header{padding:20px}.settings-header h1{font-size:24px;flex-direction:column;gap:8px}.settings-content{padding:25px}.settings-section h3{font-size:18px}.settings-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px;justify-content:center}.help-section{padding:20px}.settings-help{padding:25px}}@media (max-width: 480px){.settings-header h1{font-size:20px}.settings-content{padding:20px}.form-group input,.form-group select{padding:10px 14px}.help-section{padding:15px}.settings-help{padding:20px}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px;background-color:#f5f7fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-fluid{width:100%;padding:0 20px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;margin-bottom:20px}.card-header{border-bottom:1px solid #e1e8ed;padding-bottom:15px;margin-bottom:20px}.card-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.card-body{padding:0}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:15px 30px;font-size:16px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-control{width:100%;padding:10px 15px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .3s ease}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-control:invalid{border-color:#dc3545}.form-text{font-size:12px;color:#6c757d;margin-top:5px}.alert{padding:15px 20px;margin-bottom:20px;border-radius:8px;border:1px solid transparent}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.badge{display:inline-block;padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;color:#fff}.badge-primary{background-color:#667eea}.badge-secondary{background-color:#6c757d}.badge-success{background-color:#28a745}.badge-danger{background-color:#dc3545}.badge-warning{background-color:#ffc107;color:#212529}.badge-info{background-color:#17a2b8}@media (max-width: 768px){.main-content{padding-top:60px}.container{padding:0 15px}.card{padding:15px;margin-bottom:15px}.btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.main-content{padding-top:50px}.container{padding:0 10px}.card{padding:12px}}