@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--color-primary-50:#f0f7f2;--color-primary-100:#e0eee4;--color-primary-200:#bdd8c7;--color-primary-300:#93bba3;--color-primary-400:#5e9978;--color-primary-500:#347e59;--color-primary-600:#216c49;--color-primary-700:#185c3e;--color-primary-800:#174b35;--color-primary-900:#123b2b;--color-primary-950:#0c281e;--color-gray-50:#f8f9f6;--color-gray-100:#eff2ed;--color-gray-200:#e1e6df;--color-gray-300:#c8d1c8;--color-gray-400:#8b988e;--color-gray-500:#657369;--color-gray-600:#506055;--color-gray-700:#3a4b40;--color-gray-800:#293b30;--color-gray-900:#1c2c22;--color-gray-950:#142219;--color-white:#fff;--color-success:#216c49;--color-warning:#8c590d;--color-danger:#ad343b;--color-info:#245d91;--color-page:#f8f9f6;--color-background:var(--color-page);--color-surface:#fff;--color-surface-subtle:#eff2ed;--color-text-primary:#1c2c22;--color-text-secondary:#506055;--color-text-muted:#657369;--color-border:#e1e6df;--color-border-strong:#c8d1c8;--color-focus:#216c49;--color-focus-ring:#216c4929;--shadow-xs:0 1px 2px #1422190a;--shadow-sm:0 2px 8px #1422190f;--shadow-md:0 10px 28px #14221914;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--font-family:"Be Vietnam Pro", "Segoe UI", Arial, sans-serif;--sidebar-width:256px;--sidebar-collapsed-width:80px;--navbar-height:72px;--content-max-width:1360px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--transition-fast:.14s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box}html{color:var(--color-text-primary);background:var(--color-page);font-family:var(--font-family);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-padding-top:180px}body{min-width:320px;min-height:100vh;margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.025em;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.25}h2{letter-spacing:-.02em;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.35}h3{font-size:18px;font-weight:600;line-height:1.4}p{color:var(--color-text-secondary);font-size:14px;line-height:1.65}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}svg{flex-shrink:0}::selection{color:var(--color-primary-950);background:var(--color-primary-100)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--color-primary-800);color:#fff;border-radius:var(--radius-md);padding:10px 18px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){html{scroll-padding-top:136px}}.container{width:min(calc(100% - 48px), var(--content-max-width));margin-inline:auto}.page-section{padding-block:var(--space-8)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.text-muted{color:var(--color-text-muted)}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--admin-primary-50:var(--color-primary-50);--admin-primary-100:var(--color-primary-100);--admin-primary-200:var(--color-primary-200);--admin-primary-300:var(--color-primary-300);--admin-primary-400:var(--color-primary-400);--admin-primary-500:var(--color-primary-500);--admin-primary-600:var(--color-primary-600);--admin-primary-700:var(--color-primary-700);--admin-primary-800:var(--color-primary-800);--admin-primary-900:var(--color-primary-900);--admin-primary-950:var(--color-primary-950);--admin-background:var(--color-page);--admin-surface:var(--color-surface);--admin-text-primary:var(--color-text-primary);--admin-text-secondary:var(--color-text-secondary);--admin-text-muted:var(--color-text-muted);--admin-border:var(--color-border-strong);--admin-border-light:var(--color-border);--admin-danger:var(--color-danger);--admin-warning:var(--color-warning);--admin-info:var(--color-info);--admin-sidebar-width:248px;--admin-sidebar-collapsed-width:76px;--admin-header-height:68px;--admin-font-family:var(--font-family)}.admin-layout{color:var(--admin-text-primary);font-family:var(--admin-font-family)}.admin-layout :where(button,input,select,textarea){border-radius:var(--radius-sm)}.admin-container{width:100%;max-width:1600px;margin:0 auto}.admin-card{background:var(--admin-surface);border:1px solid var(--admin-border-light)}.admin-button{min-height:40px;color:var(--admin-text-primary);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.admin-button--primary{border-color:var(--admin-primary-700);background:var(--admin-primary-700);color:var(--color-surface)}.admin-button--primary:hover{background:var(--admin-primary-800)}.admin-button--secondary{border-color:var(--admin-border);background:var(--color-surface)}.admin-button--secondary:hover{background:var(--color-page)}.admin-button--danger{border-color:var(--admin-danger);background:var(--admin-danger);color:var(--color-surface)}.admin-input{border:1px solid var(--admin-border);background:var(--color-surface);width:100%;min-height:42px;color:var(--admin-text-primary);outline:none;padding:0 12px}.admin-input:focus{border-color:var(--admin-primary-600)}.admin-table-wrapper{background:var(--color-surface);border:1px solid var(--admin-border-light);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--admin-border-light);text-align:left;white-space:nowrap;padding:14px 16px}.admin-table th{background:var(--color-page);color:var(--color-text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.admin-table tbody tr:hover{background:var(--admin-primary-50)}:where(.customer-container,.seller-main,.seller-content,.admin-layout__main,.admin-layout__content,.admin-container,.account-content){min-width:0}:where(.page-header,.panel-header,.card-header,.commerce-header,.section-top-bar,.admin-page-header){flex-wrap:wrap}:where(.page-header,.panel-header,.card-header,.commerce-header,.admin-page-header)>:first-child{min-width:0}:where(.page-header,.panel-header,.card-header,.admin-page-header) :where(h1,h2,p){overflow-wrap:break-word}:where(.page-actions,.header-actions,.header-right,.admin-page-header__actions,.pagination-controls){flex-wrap:wrap;align-items:center;gap:10px;display:flex}:where(.table-wrapper,.table-container,.table-scroll,.admin-table-wrapper,.inventory-table-wrapper,.order-table-wrapper,.product-table-wrapper,.voucher-table-wrapper){overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}:where(.status-badge,.order-code,.product-sku,.sku-cell,.amount-cell,.price-cell,.currency,.text-button,.back-button,.btn-action,.btn-primary,.btn-secondary,.primary-button,.secondary-button){white-space:nowrap}:where(.price-cell,.amount-cell,.metric-main-value,.summary-value,.admin-stat-card__value){font-variant-numeric:tabular-nums}:where(input,select,textarea){max-width:100%}:where(button,a)>svg{vertical-align:middle}:where(.empty-icon,.upload-icon,.button-icon,.btn-icon-box,.quick-code,.status-icon,.image-placeholder,.suspension-icon,.account-status-icon){flex-shrink:0;place-items:center;display:inline-grid}@media (width<=680px){:where(.page-header,.panel-header,.card-header,.admin-page-header){gap:14px}:where(input,select,textarea){font-size:16px}}
