@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap);:root{--bg-primary:#f5f6fa;--bg-secondary:#fff;--bg-tertiary:#f0f1f6;--bg-card:#fff;--bg-card-hover:#f8f9fc;--bg-glass:#00000005;--bg-glass-hover:#0000000a;--gradient-primary:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-secondary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#00b894,#55efc4);--gradient-danger:linear-gradient(135deg,#e17055,#ff7675);--gradient-warning:linear-gradient(135deg,#f39c12,#fdcb6e);--gradient-info:linear-gradient(135deg,#0984e3,#74b9ff);--gradient-pink:linear-gradient(135deg,#e84393,#fd79a8);--gradient-teal:linear-gradient(135deg,#00cec9,#81ecec);--accent-primary:#6c5ce7;--accent-secondary:#0984e3;--accent-success:#00b894;--accent-danger:#e17055;--accent-warning:#f39c12;--text-primary:#2d3436;--text-secondary:#636e72;--text-tertiary:#b2bec3;--text-accent:#6c5ce7;--border-subtle:#f0f0f4;--border-medium:#e0e0e8;--border-active:#6c5ce766;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 4px 16px #6c5ce71a;--shadow-glow-cyan:0 4px 16px #0984e31a;--sidebar-width-collapsed:4.5rem;--sidebar-width-expanded:16rem;--topbar-height:0px;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body,html{overflow-x:hidden}body{background-color:#f5f6fa;background-color:var(--bg-primary);color:#2d3436;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700;line-height:1.3}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#6c5ce733;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6c5ce759}.glass-card{border:1px solid #f0f0f4;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.glass-card,.glass-card:hover{background:#fff;background:var(--bg-card)}.glass-card:hover{border-color:#e0e0e8;border-color:var(--border-medium);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.stat-card{background:#fff;background:var(--bg-card);border:1px solid #f0f0f4;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stat-card:before{border-radius:1rem 1rem 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.stat-card:hover{border-color:#e0e0e8;border-color:var(--border-medium);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.modern-table-wrapper{background:#fff;background:var(--bg-card);border:1px solid #f0f0f4;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden}.modern-table{border-collapse:initial;border-spacing:0;font-size:.8125rem;width:100%}.modern-table thead{position:sticky;top:0;z-index:10}.modern-table thead th{background:#f0f1f6;background:var(--bg-tertiary);border-bottom:1px solid #e0e0e8;border-bottom:1px solid var(--border-medium);color:#636e72;color:var(--text-secondary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;position:sticky;text-align:left;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.modern-table-wrapper>.modern-table thead th:first-child,.modern-table-wrapper>div>div>.modern-table thead th:first-child{border-radius:1rem 0 0 0;border-radius:var(--radius-lg) 0 0 0}.modern-table-wrapper>.modern-table thead th:last-child,.modern-table-wrapper>div>div>.modern-table thead th:last-child{border-radius:0 1rem 0 0;border-radius:0 var(--radius-lg) 0 0}.modern-table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.modern-table tbody tr:hover{background:#0000000a;background:var(--bg-glass-hover)}.modern-table tbody td{border-bottom:1px solid #f0f0f4;border-bottom:1px solid var(--border-subtle);color:#2d3436;color:var(--text-primary);font-size:.8125rem;max-width:200px;overflow:hidden;padding:.625rem 1rem;text-overflow:ellipsis;white-space:nowrap}.modern-table-wrapper>.modern-table tbody tr:last-child td:first-child,.modern-table-wrapper>.modern-table tbody tr:last-child td:last-child,.modern-table-wrapper>div>div>.modern-table tbody tr:last-child td:first-child,.modern-table-wrapper>div>div>.modern-table tbody tr:last-child td:last-child{border-radius:0}.btn-primary{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--gradient-primary);border:none;border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #6c5ce740;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:0 4px 16px #6c5ce759;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-secondary:hover{background:#f0f1f6;background:var(--bg-tertiary);border-color:#6c5ce7;border-color:var(--accent-primary);color:#6c5ce7;color:var(--accent-primary)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;letter-spacing:.02em;padding:.25rem .625rem}.badge-success{background:#00b8941a;border:1px solid #00b89433;color:#00b894}.badge-danger{background:#e170551a;border:1px solid #e1705533;color:#e17055}.badge-warning{background:#f39c121a;border:1px solid #f39c1233;color:#e67e22}.badge-info{background:#0984e31a;border:1px solid #0984e333;color:#0984e3}.badge-purple{background:#6c5ce71a;border:1px solid #6c5ce733;color:#6c5ce7}.badge-neutral{background:#636e721a;border:1px solid #636e7226;color:#636e72}.search-input{background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);font-size:.875rem;outline:none;padding:.625rem 1rem .625rem 2.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.search-input::placeholder{color:#b2bec3;color:var(--text-tertiary)}.search-input:focus{border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce71a}.form-input,.search-input:focus{background:#fff;background:var(--bg-card)}.form-input{border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);font-size:.875rem;outline:none;padding:.625rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.form-input:focus{border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce71a}.form-input::placeholder{color:#b2bec3;color:var(--text-tertiary)}.filter-popup{background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;padding:.75rem;position:fixed;width:220px;z-index:9999}.filter-popup label{cursor:pointer}.filter-popup input[type=checkbox]{accent-color:#6c5ce7;accent-color:var(--accent-primary);border-radius:4px;height:1rem;width:1rem}.tooltip{background:#2d3436;background:var(--text-primary);border-radius:.5rem;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md);color:#fff;font-size:.75rem;font-weight:600;opacity:0;padding:.35rem .75rem;pointer-events:none;position:fixed;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast);white-space:nowrap;z-index:1000}.tooltip.show{opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d}.drop-zone{background:#fff;background:var(--bg-card);border:2px dashed #e0e0e8;border:2px dashed var(--border-medium);border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.drop-zone.active,.drop-zone:hover{background:#6c5ce70a;border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 4px 16px #6c5ce71a;box-shadow:var(--shadow-glow)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #6c5ce726}50%{box-shadow:0 0 20px #6c5ce740}}.animate-fadeInUp{animation:fadeInUp .5s ease-out forwards}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#00000005 25%,#0000000a 50%,#00000005 75%);background:linear-gradient(90deg,var(--bg-glass) 25%,var(--bg-glass-hover) 50%,var(--bg-glass) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-sm)}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.page-header p{color:#636e72;color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}@media (max-width:1024px){.page-header h2{font-size:1.5rem}.modern-table{font-size:.75rem}.modern-table thead th{font-size:.6875rem;padding:.625rem .75rem}.modern-table tbody td{font-size:.75rem;padding:.5rem .75rem}}@media (max-width:768px){.page-header{margin-bottom:1rem}.page-header h2{font-size:1.25rem}.page-header p{font-size:.8rem}.glass-card{border-radius:.75rem;border-radius:var(--radius-md)}.glass-card,.stat-card{padding:.875rem}.modern-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.75rem;border-radius:var(--radius-md);overflow-x:auto}.modern-table{font-size:.6875rem;min-width:600px}.modern-table thead th{font-size:.625rem;padding:.5rem;white-space:nowrap}.modern-table tbody td{font-size:.6875rem;padding:.375rem .5rem}.btn-primary{font-size:.8125rem;gap:.375rem;padding:.5rem 1rem}.btn-secondary{font-size:.75rem;padding:.4rem .75rem}.badge{font-size:.625rem;padding:.1875rem .5rem}.search-input{font-size:.8125rem;padding:.5rem .75rem .5rem 2rem}.form-input{font-size:.8125rem;padding:.5rem .75rem}.custom-select{font-size:.75rem;padding:.4rem 1.5rem .4rem .625rem}.filter-popup{max-height:50vh}.platform-badge{font-size:.5625rem;padding:.125rem .375rem}.platform-badge img{height:.75rem;width:.75rem}.drop-zone{padding:1.25rem 1rem}}@media (max-width:480px){.page-header h2{font-size:1.125rem}.page-header p{font-size:.75rem}.glass-card{padding:.75rem}.modern-table{font-size:.625rem;min-width:500px}.modern-table thead th{font-size:.5625rem;padding:.375rem}.modern-table tbody td{font-size:.625rem;padding:.3125rem .375rem}.btn-primary{padding:.5rem .875rem}.btn-primary,.search-input{font-size:.75rem}}.custom-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23636e72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);cursor:pointer;font-size:.8125rem;outline:none;padding:.5rem 2rem .5rem .75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.custom-select:focus{border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce71a}.custom-select option{background:#fff;background:var(--bg-card);color:#2d3436;color:var(--text-primary)}.platform-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.375rem;padding:.25rem .5rem}.platform-badge img{height:1rem;object-fit:contain;width:1rem}.platform-badge.tiktok{background:#0000000f;border:1px solid #00000014;color:#2d3436}.platform-badge.shopee{background:#ee4d2d14;border:1px solid #ee4d2d1f;color:#e04d2d}.login-page{align-items:center;background:#f5f6fa;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.login-bg-orbs{inset:0;overflow:hidden;position:absolute;z-index:0}.orb{animation:orbFloat 12s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.18;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#6c5ce7,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.orb-2{animation-delay:-4s;background:radial-gradient(circle,#0984e3,#0000 70%);bottom:-100px;height:400px;left:-100px;width:400px}.orb-3{animation-delay:-8s;background:radial-gradient(circle,#a29bfe,#0000 70%);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(15px,15px) scale(1.03)}}.login-container{max-width:420px;opacity:0;position:relative;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%;z-index:1}.login-container.login-visible{opacity:1;transform:translateY(0)}.login-header{margin-bottom:2rem;text-align:center}.login-logo{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md);display:inline-flex;height:3.5rem;justify-content:center;margin-bottom:1rem;width:3.5rem}.login-title{color:#2d3436;color:var(--text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.375rem}.login-subtitle{color:#636e72;color:var(--text-secondary);font-size:.9rem}.login-card{border:1px solid #e0e0e8!important;border:1px solid var(--border-medium)!important;display:flex;flex-direction:column;gap:1.25rem;padding:2rem}.login-card,.login-card:hover{background:#fff!important;background:var(--bg-card)!important;box-shadow:0 8px 32px #00000014!important;box-shadow:var(--shadow-lg)!important}.login-card:hover{transform:none}.login-error{align-items:center;animation:fadeInUp .3s ease-out;background:#e1705514;border:1px solid #e1705533;border-radius:.75rem;border-radius:var(--radius-md);color:#e17055;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-label{color:#636e72;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#b2bec3;color:var(--text-tertiary);left:.875rem;pointer-events:none;position:absolute;z-index:1}.login-input{padding-left:2.75rem!important;padding-right:2.75rem!important}.login-toggle-pw{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#b2bec3;color:var(--text-tertiary);cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:.625rem;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast);width:2rem}.login-toggle-pw:hover{color:#2d3436;color:var(--text-primary)}.login-submit{font-size:.9375rem;justify-content:center;margin-top:.25rem;padding:.75rem 1.5rem;width:100%}.login-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .6s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-roles-info{margin-top:1.5rem;text-align:center}.login-roles-title{color:#b2bec3;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.login-roles-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.login-role-chip{align-items:center;border:1px solid;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.login-role-icon{font-size:.875rem}@media (max-width:480px){.login-title{font-size:1.5rem}.login-card{padding:1.5rem}.orb{filter:blur(60px);opacity:.12}}.im-container{max-width:960px}.im-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.im-header,.im-header-left{align-items:center;display:flex}.im-header-left{gap:.75rem}.im-icon-box{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:2.75rem;justify-content:center;width:2.75rem}.im-title{color:#2d3436;color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.im-subtitle{color:#636e72;color:var(--text-secondary);font-size:.8125rem;margin-top:.125rem}.im-header-stats{display:flex;gap:.5rem}.im-stat-chip{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.im-stat-filled{background:#00b89414;border:1px solid #00b89426;color:#00b894}.im-stat-unfilled{background:#636e7214;border:1px solid #636e721f;color:#636e72}.im-progress-wrapper{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.im-progress-bar{background:#f0f1f6;background:var(--bg-tertiary);flex:1 1;height:6px;overflow:hidden}.im-progress-bar,.im-progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.im-progress-fill{background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--gradient-primary);height:100%;min-width:0;transition:width .5s cubic-bezier(.4,0,.2,1)}.im-progress-label{color:#6c5ce7;color:var(--accent-primary);font-size:.75rem;font-weight:700;min-width:2.5rem;text-align:right}.im-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.im-search-box{flex:1 1;min-width:200px;position:relative}.im-search-icon{color:#b2bec3;color:var(--text-tertiary);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.im-search-input{background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);font-size:.875rem;outline:none;padding:.625rem 2.25rem .625rem 2.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.im-search-input::placeholder{color:#b2bec3;color:var(--text-tertiary)}.im-search-input:focus{border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce714}.im-search-clear{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#b2bec3;color:var(--text-tertiary);cursor:pointer;display:flex;padding:.25rem;position:absolute;right:.625rem;top:50%;transform:translateY(-50%)}.im-search-clear:hover{color:#2d3436;color:var(--text-primary)}.im-filter-tabs{background:#f0f1f6;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.25rem}.im-filter-tab{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#636e72;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.im-filter-tab:hover{color:#2d3436;color:var(--text-primary)}.im-filter-tab.active{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);color:#6c5ce7;color:var(--accent-primary);font-weight:600}.im-filter-count{font-size:.6875rem;opacity:.7}.im-cards-grid{display:flex;flex-direction:column;gap:.5rem}.im-empty{color:#b2bec3;color:var(--text-tertiary);padding:3rem 1rem;text-align:center}.im-empty p{font-size:.9375rem;margin-top:.5rem}.im-card{background:#fff;background:var(--bg-card);border:1px solid #f0f0f4;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.im-card:hover{border-color:#e0e0e8;border-color:var(--border-medium);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-md)}.im-card-filled{border-left:3px solid #00b894}.im-card-invalid{border-left:3px solid #e17055}.im-card-flash{animation:flashGreen .6s ease-out}@keyframes flashGreen{0%{background:#00b8941f}to{background:#fff;background:var(--bg-card)}}.im-card-header{justify-content:space-between;padding:.875rem 1rem}.im-card-header,.im-card-left{align-items:center;display:flex;gap:.75rem}.im-card-left{flex:1 1;min-width:0}.im-channel-icon{flex-shrink:0;height:1.5rem;object-fit:contain;width:1.5rem}.im-sku-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.im-sku-name{align-items:center;color:#2d3436;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:700;gap:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-check{color:#00b894;flex-shrink:0}.im-var-badge{align-items:center;background:#6c5ce70f;border:1px solid #6c5ce71f;border-radius:9999px;border-radius:var(--radius-full);color:#6c5ce7;color:var(--accent-primary);cursor:pointer;display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;padding:.125rem .5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.im-var-badge:hover{background:#6c5ce71a;border-color:#6c5ce740}.im-card-right{flex-shrink:0;width:160px}.im-input{background:#f0f1f6;background:var(--bg-tertiary);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-md);color:#2d3436;color:var(--text-primary);font-size:.875rem;font-weight:500;outline:none;padding:.5rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.im-input::placeholder{color:#b2bec3;color:var(--text-tertiary)}.im-input:focus{background:#fff;background:var(--bg-card);border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce714}.im-input-disabled{cursor:not-allowed;opacity:.4}.im-input-sm{font-size:.8125rem;padding:.375rem .625rem}.im-multi-label{background:#6c5ce70a;border-radius:.75rem;border-radius:var(--radius-md);color:#6c5ce7;color:var(--accent-primary);display:block;padding:.5rem .75rem;text-align:center}.im-multi-label,.im-warning{font-size:.75rem;font-weight:600}.im-warning{background:#e170550f;border-top:1px solid #e170551a;color:#e17055;padding:.5rem 1rem}.im-variations{border-top:1px solid #f0f0f4;border-top:1px solid var(--border-subtle)}.im-bulk-bar{align-items:center;background:#6c5ce70a;border-bottom:1px solid #f0f0f4;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.im-bulk-icon{flex-shrink:0}.im-bulk-icon,.im-bulk-label{color:#6c5ce7;color:var(--accent-primary)}.im-bulk-label{font-size:.75rem;font-weight:700;white-space:nowrap}.im-bulk-select{background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.5rem;border-radius:var(--radius-sm);color:#2d3436;color:var(--text-primary);cursor:pointer;font-size:.75rem;outline:none;padding:.375rem .5rem}.im-bulk-select:focus{border-color:#6c5ce7;border-color:var(--accent-primary)}.im-bulk-input{background:#fff;background:var(--bg-card);border:1px solid #e0e0e8;border:1px solid var(--border-medium);border-radius:.5rem;border-radius:var(--radius-sm);color:#2d3436;color:var(--text-primary);font-size:.8125rem;outline:none;padding:.375rem .625rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:120px}.im-bulk-input::placeholder{color:#b2bec3;color:var(--text-tertiary)}.im-bulk-input:focus{border-color:#6c5ce7;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce714}.im-bulk-apply{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--gradient-primary);border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.im-bulk-apply:hover:not(:disabled){box-shadow:0 2px 8px #6c5ce740;transform:translateY(-1px)}.im-bulk-apply:disabled{cursor:not-allowed;opacity:.5}.im-var-list{max-height:360px;overflow-y:auto}.im-var-item{align-items:center;border-bottom:1px solid #f0f0f4;border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:space-between;padding:.5rem 1rem;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.im-var-item:last-child{border-bottom:none}.im-var-item:hover{background:#0000000a;background:var(--bg-glass-hover)}.im-var-filled{background:#00b89408}.im-var-detail{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.im-var-name{color:#2d3436;color:var(--text-primary);font-size:.8125rem;font-weight:500}.im-var-name,.im-var-skuid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-var-skuid{color:#b2bec3;color:var(--text-tertiary);font-size:.6875rem}.im-var-item .im-input{flex-shrink:0;width:140px}@media (max-width:640px){.im-header{align-items:flex-start}.im-header,.im-toolbar{flex-direction:column}.im-filter-tabs,.im-search-box{width:100%}.im-filter-tab{flex:1 1;justify-content:center}.im-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.im-card-right{width:100%}.im-bulk-bar{align-items:stretch;flex-direction:column}.im-bulk-input{width:100%}.im-var-item{align-items:flex-start;flex-direction:column;gap:.375rem}.im-var-item .im-input{width:100%}}
/*# sourceMappingURL=main.a3d65fa3.css.map*/