:root{--text:#475569;--text-h:#0f172a;--bg:#f8fafc;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#2563eb;--accent-bg:#2563eb14;--accent-border:#2563eb59;--social-bg:#f1f5f999;--shadow:0 4px 20px -2px #2563eb14;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono:"JetBrains Mono", "Inter", -apple-system, BlinkMacSystemFont, monospace;font:14px/150% var(--sans);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;padding:0;display:flex}body{color:#0f172a;background-color:#f1f5f9;margin:0;overflow-x:hidden}*,:before,:after{box-shadow:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#00000038}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.8px;margin:20px 0;font-size:32px}h2{letter-spacing:-.3px;margin:0 0 8px;font-size:20px;line-height:125%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:3px 6px;font-size:13px;line-height:135%}.fu{box-sizing:border-box;width:100%}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.row-hover{transition:background-color .15s}.row-hover:hover{background-color:#2563eb08!important}.no-ring{box-shadow:none!important;outline:none!important}.modal-anim{animation:.2s cubic-bezier(.16,1,.3,1) forwards modalFadeIn}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.page-transition{will-change:transform, opacity;animation:.3s cubic-bezier(.16,1,.3,1) forwards pageSlideUp}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-anim{animation:.3s cubic-bezier(.16,1,.3,1) forwards pageSlideUp}.skeleton-pulse{background:linear-gradient(90deg,#e5e4e799 25%,#d5d4d799 37%,#e5e4e799 63%) 0 0/400% 100%;animation:1.4s infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:100%}to{background-position:0%}}.submenu-list{opacity:0;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease-out;overflow:hidden}.submenu-list.expanded{opacity:1;max-height:600px}.submenu-inner{flex-direction:column;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.catzt-toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:24px;right:24px}.admin-stat-card{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014!important}.admin-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif}.admin-table th{text-align:left;letter-spacing:.5px;color:#8e8e93;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000012;padding:10px 16px;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #0000000d;padding:12px 16px}.admin-table tbody tr:last-child td{border-bottom:none}input:focus,select:focus,textarea:focus{border-color:#2563eb80!important;box-shadow:0 0 0 3px #2563eb1a!important}.btn-ghost-hover{transition:background .15s,color .15s}.btn-ghost-hover:hover{background:#0000000d!important}.sticky-thead th{z-index:10;background:#fff;position:sticky;top:0}.badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 9px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.chip{cursor:default;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.action-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:1200px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-grid-4,.card-grid-3,.card-grid-2{grid-template-columns:1fr}}.nav-item-hover{transition:all .18s cubic-bezier(.16,1,.3,1)}.nav-item-hover:hover{transform:translate(2px);color:#2563eb!important;background:#2563eb14!important}.card-elevated{transition:all .22s cubic-bezier(.16,1,.3,1)}.card-elevated:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d,0 12px 28px #00000012!important}.glass-header{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffffe0!important;border-bottom:1px solid #0000000f!important}:focus-visible{outline-offset:2px!important;outline:2px solid #2563eb!important}input:focus-visible{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb2e!important}select:focus-visible{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb2e!important}textarea:focus-visible{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb2e!important}.btn-secondary-action{color:#334155;background-color:#fff;border:1px solid #cbd5e1;transition:all .15s cubic-bezier(.16,1,.3,1)}.btn-secondary-action:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.btn-secondary-action:active{transform:scale(.97)}.badge-status{letter-spacing:-.01em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-shopee{color:#d73211;background:#ee4d2d1a;border:1px solid #ee4d2d40}.badge-tokopedia{color:#027a0a;background:#027a0a1a;border:1px solid #027a0a40}.badge-tiktok{color:#0f172a;background:#0000000f;border:1px solid #00000026}.badge-pos{color:#1d4ed8;background:#2563eb1a;border:1px solid #2563eb40}