*,:before,:after{box-sizing:border-box}html,body,#root,h1,h2,h3,h4,h5,h6,p,ul,ol,input,button,textarea,select{margin:0;padding:0}button,input,textarea,select{font-family:inherit;font-size:inherit;vertical-align:middle;-webkit-appearance:none;appearance:none;border-radius:0;line-height:normal}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.content-body{color:#374151;font-size:15px;line-height:1.7}.content-body h3{color:#111827;border-bottom:2px solid #f3f4f6;margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:700}.content-body h4{color:#1f2937;margin-top:20px;margin-bottom:8px;font-size:16px;font-weight:600}.content-body p{margin-bottom:12px}.content-body ul{margin-bottom:16px;padding-left:24px}.content-body li{margin-bottom:8px}.custom-faq-wrapper .faq-answer-box p{margin-top:0!important;margin-bottom:12px!important;line-height:1.6!important}.custom-faq-wrapper .faq-answer-box p:last-child{margin-bottom:0!important}.custom-faq-wrapper .faq-answer-box ul,.custom-faq-wrapper .faq-answer-box ol{margin-top:6px!important;margin-bottom:12px!important;padding-left:24px!important}.custom-faq-wrapper .faq-answer-box li{margin-bottom:6px!important;line-height:1.5!important}.page-wrap{box-sizing:border-box;max-width:1320px;margin:0 auto;padding:20px 20px 80px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-title{color:#111827;text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:700}.btn-sync{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-lazada-sync{color:#c85103;background:#fff4ee;border-color:#ffd8c4}.btn-lazada-sync:hover:not(:disabled){background:#ffe6dc;border-color:#f7a379}.btn-tiktok-sync{color:#000;background:#f1f3f5;border-color:#dcedff}.btn-tiktok-sync:hover:not(:disabled){background:#e2e8f0}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.fa-spin{animation:1s linear infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lazada-sync-banner{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.lazada-sync-banner.success{color:#065f46;background:#ecfdf5}.lazada-sync-banner.error{color:#b91c1c;background:#fef2f2}.import-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000000d}.import-header .eyebrow{color:#374151;font-weight:600}.import-header p{color:#6b7280;margin:4px 0 12px;font-size:13px}.dropzone{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .2s;display:flex}.dropzone.dragover,.dropzone:hover{background:#eff6ff;border-color:#3b82f6}.dropzone-icon{color:#3b82f6;margin-bottom:8px;font-size:32px}.dropzone-title{color:#4b5563;font-size:14px;font-weight:500}.dropzone-hint{color:#9ca3af;margin-top:2px;font-size:12px}.dropzone-filename{color:#10b981;margin-top:8px;font-size:13px;font-weight:600}.import-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.import-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-cancel{color:#374151;background:#f3f4f6}.btn-upload{color:#fff;background:#3b82f6}.import-result{color:#065f46;background:#ecfdf5;border-radius:6px;margin-top:12px;padding:10px;font-size:13px}.import-result-sub{opacity:.8;margin-top:2px;font-size:11px;display:block}.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:8px;padding:14px;box-shadow:0 1px 3px #0000000d}.stat-card .label{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:600}.stat-card .value{color:#111827;margin-top:4px;font-size:20px;font-weight:700}.filter-section-wrapper{margin-bottom:16px}.filter-toggle-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-subtitle{color:#374151;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:700}.mobile-filter-toggle{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex;width:auto!important}.mobile-filter-toggle:hover{background:#e5e7eb}.filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.filter-grid{grid-template-columns:repeat(4,1fr);gap:12px 14px;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600}.filter-group input,.filter-group select{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;height:38px;padding:0 12px;font-size:13px}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}.filter-checkbox-cell{flex-direction:column;display:flex}.checkbox-align-box{align-items:center;height:38px;display:flex}.desktop-only-label{display:block}.filter-actions{border-top:1px dashed #e5e7eb;gap:8px;margin-top:14px;padding-top:12px;display:flex}.btn-filter{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-filter:hover{background:#1f2937}.btn-clear{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-clear:hover{background:#e5e7eb}.custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;min-height:20px;padding-left:26px;display:inline-flex;position:relative}.custom-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox-box{box-sizing:border-box;background:#fff;border:2px solid #ccc;border-radius:4px;width:18px;height:18px;position:absolute;top:1px;left:0}.custom-checkbox input[type=checkbox]:checked~.custom-checkbox-box{background:#0b5ed7;border-color:#0b5ed7}.custom-checkbox-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.custom-checkbox input[type=checkbox]:checked~.custom-checkbox-box:after{display:block}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-responsive{width:100%;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px}th{color:#374151;background:#f9fafb;font-weight:600}.badge{border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-pending{color:#92400e;background:#fef3c7}.badge-completed{color:#065f46;background:#d1fae5}.badge-cancelled{color:#b91c1c;background:#fee2e2}.badge-unpaid{color:#374151;background:#f3f4f6}.text-center{text-align:center}.text-muted{color:#6b7280}@media (max-width:1024px) and (min-width:769px){.filter-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.desktop-only-label{display:none}}@media (max-width:768px){.page-wrap{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.btn-sync{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .stat-card:last-child:nth-child(odd){grid-column:1/-1}.filter-grid{grid-template-columns:1fr;gap:10px}.filter-card.mobile-hidden-filter,.desktop-only-label{display:none}.checkbox-align-box{height:auto;padding:4px 0}.filter-actions{flex-direction:column}.btn-filter,.btn-clear{justify-content:center;width:100%}}