@media(max-width:1024px){html:has(.admin-shell),body:has(.admin-shell),#root:has(.admin-shell){overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important;touch-action:auto!important;overscroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important}.admin-shell{grid-template-columns:1fr!important;zoom:1!important;min-height:100vh!important;height:auto!important;overflow-y:visible!important;padding-bottom:60px!important}.admin-content,.admin-main-viewport{height:auto!important;min-height:auto!important;overflow-y:visible!important}.admin-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:260px!important;z-index:1050!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:4px 0 15px #0000001a!important;border-right:none!important}.mobile-sidebar-open .admin-sidebar{transform:translate(0)!important}.admin-sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.admin-topbar{padding:0 12px!important;height:56px!important;position:sticky!important;top:0!important;background:#fff!important;z-index:999!important;box-shadow:0 1px 3px #0000000d!important}.admin-profile-name,.admin-search{display:none!important}.admin-mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:6px;color:var(--ink);cursor:pointer;margin-right:8px}.admin-mobile-menu-btn:active{background:var(--page)}.admin-mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 10px #0000000d;z-index:1000;align-items:center;justify-content:space-around;padding:0 4px}.admin-mobile-bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:10px;font-weight:500;text-decoration:none;background:none;border:none;width:20%;height:100%;gap:4px;cursor:pointer;padding:0;transition:color .15s ease}.admin-mobile-bottom-link.active,.admin-mobile-bottom-link:active{color:#084b9a}.admin-main-viewport{padding:16px 12px!important}.stats-grid,.admin-dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.table-responsive-wrapper,.admin-table-container,.table-wrapper,.summary-table-wrapper,.compact-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.admin-topbar-left p{display:none!important}.admin-topbar-left h1{font-size:15px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;max-width:170px!important}.admin-summary-card,.admin-chart-card,.shortcuts-section{max-width:100%!important;overflow:hidden!important}.admin-chart-card{padding:16px!important}.summary-table-wrapper .summary-table{min-width:100%!important;width:100%!important;table-layout:fixed!important}.summary-table th,.summary-table td{padding:8px 6px!important;white-space:nowrap!important;font-size:11px!important;overflow:hidden;text-overflow:ellipsis}.best-selling-wrapper .summary-table th:nth-child(3),.best-selling-wrapper .summary-table td:nth-child(3){display:none!important}.best-selling-wrapper .summary-table th:nth-child(1),.best-selling-wrapper .summary-table td:nth-child(1){width:36px!important;text-align:center!important}.best-selling-wrapper .summary-table th:nth-child(2),.best-selling-wrapper .summary-table td:nth-child(2){width:155px!important;text-align:left!important}.best-selling-wrapper .summary-table th:nth-child(4),.best-selling-wrapper .summary-table td:nth-child(4){width:90px!important;text-align:right!important}.best-selling-wrapper .summary-table th:nth-child(5),.best-selling-wrapper .summary-table td:nth-child(5){width:55px!important;text-align:center!important}.top-depositors-wrapper .summary-table th:nth-child(1),.top-depositors-wrapper .summary-table td:nth-child(1){width:36px!important;text-align:center!important}.top-depositors-wrapper .summary-table th:nth-child(2),.top-depositors-wrapper .summary-table td:nth-child(2){width:auto!important;text-align:left!important}.top-depositors-wrapper .summary-table th:nth-child(3),.top-depositors-wrapper .summary-table td:nth-child(3){width:110px!important;text-align:right!important}.product-cell{gap:6px!important}.product-thumb{width:26px!important;height:26px!important}.product-name{font-size:10px!important;max-width:110px!important}.summary-filter-row{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;gap:8px!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important}.summary-filter-row::-webkit-scrollbar{display:none!important}.summary-filter-row>*{flex-shrink:0!important}.form-grid,.admin-form-row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.admin-page form div[style*="display: grid"],.admin-page form div[style*="display:grid"]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important}.admin-page form{max-width:100%!important;width:100%!important;overflow:hidden!important;padding:12px!important}.admin-page form label{font-size:10px!important}.admin-page form input,.admin-page form select,.admin-page form textarea{font-size:11px!important}.admin-page form div:has(>table)>div:first-child{flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;padding:8px!important}.admin-page form div:has(>table)>div:first-child>div{width:100%!important;justify-content:space-between!important;gap:4px!important}.admin-page form div:has(>table){overflow-x:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch!important}.admin-page form div:has(>table) table{min-width:520px!important;width:100%!important}.admin-page form div:has(>table) table th,.admin-page form div:has(>table) table td{padding:6px 4px!important;font-size:10px!important}.compact-table-container table{min-width:950px!important}}.breadcrumb{margin-bottom:16px}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0;font-size:13px;font-weight:500}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-link{color:#3b82f6;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#2563eb;text-decoration:underline}.breadcrumb-separator{color:#94a3b8;display:flex}.breadcrumb-current{color:#475569}.dark .breadcrumb-link{color:#60a5fa}.dark .breadcrumb-link:hover{color:#93c5fd}.dark .breadcrumb-separator{color:#475569}.dark .breadcrumb-current{color:#cbd5e1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content.checkout-modal{background:var(--panel, #ffffff);border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line, #e2e8f0)}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#0f172a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkmark-animate{animation:checkmarkScale .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes checkmarkScale{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}:root{color:var(--ink);background:var(--page);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #0f6fdc;--primary-dark: #084b9a;--primary-soft: #e8f2ff;--accent: #14b8c4;--ink: #0f172a;--muted: #64748b;--line: #dbe5f0;--panel: #ffffff;--page: #f5f8fc;--header-bg: rgba(255, 255, 255, .9);--header-text: #25324a}:root.dark{--primary: #3b82f6;--primary-dark: #60a5fa;--primary-soft: rgba(59, 130, 246, .15);--accent: #22d3ee;--ink: #f8fafc;--muted: #94a3b8;--line: #334155;--panel: #0f172a;--page: #020617;--header-bg: rgba(15, 23, 42, .9);--header-text: #cbd5e1}body{margin:0;min-width:320px;background:var(--page);color:var(--ink);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--page)}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:var(--page);position:relative}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:16px;align-items:center;padding:8px clamp(12px,3vw,24px);border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .3s ease}.logo,.admin-brand{display:inline-flex;align-items:center;color:var(--primary-dark);font-size:23px;font-weight:800;letter-spacing:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}.logo span,.admin-brand span{color:var(--accent)}.logo-img{height:34px;width:auto;display:block}.main-nav,.header-actions{display:flex;align-items:center;gap:18px}.main-nav a{font-weight:600;color:var(--header-text);transition:color .2s ease}.main-nav a.active,.main-nav a:hover{color:var(--primary)}.header-actions{justify-content:flex-end;gap:10px}.search-box,.admin-search{display:flex;align-items:center;gap:10px;min-width:min(320px,100%);height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);transition:all .2s ease}.search-box:focus-within,.admin-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-box input,.admin-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box input::placeholder,.admin-search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--muted);background:var(--page);font-size:12px;font-family:inherit}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;cursor:pointer;font-weight:700}.btn{min-height:44px;padding:0 18px}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--soft{background:var(--primary-soft);color:var(--primary-dark)}.btn--ghost{background:transparent;color:var(--ink)}.btn.login-btn{font-size:.925rem;font-weight:500;white-space:nowrap;min-height:36px;padding:0 14px;background:transparent;color:var(--muted);border:1px solid transparent;transition:all .2s ease}.btn.login-btn:hover{color:var(--ink);background:var(--panel);border-color:var(--line)}.btn:disabled{cursor:not-allowed;background:#9ebce0}.icon-btn{width:42px;height:42px;padding:0;position:relative;overflow:visible;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:50%;transition:all .2s ease}.icon-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.header-cart-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;border:2px solid var(--panel);font-size:9px;font-weight:800;line-height:1;z-index:2}.mobile-bottom-nav,.mobile-menu-scrim,.mobile-menu-sheet{display:none}.notification-wrapper{position:relative}.notification-popover{position:absolute;top:calc(100% + 12px);right:0;width:360px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0000001a;overflow:hidden;z-index:100;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.notification-header h3{margin:0;font-size:16px;font-weight:700}.notification-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel)}.notification-tab{flex:1;padding:12px 0;text-align:center;font-weight:600;color:var(--muted);border:none;background:transparent;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;font-size:14px}.notification-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.notification-content{max-height:360px;overflow-y:auto;padding:8px 0}.notification-item{padding:12px 20px;transition:background .2s;display:flex;gap:12px;align-items:flex-start}.notification-item:hover{background:var(--page)}.notification-item .icon{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.notification-item .details h4{margin:0 0 4px;font-size:14px;color:var(--ink);font-weight:600}.notification-item .details p{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.notification-badge{position:absolute;top:0;right:0;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--header-bg)}.site-main{max-width:1880px;margin:0 auto;padding:10px clamp(12px,3vw,24px) 48px}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:stretch}.hero-banner{position:relative;overflow:hidden;border-radius:16px;background:#020617;display:flex;align-items:center;justify-content:center;z-index:1;border:none;box-shadow:0 12px 36px #00000080}.hero-banner img{position:relative;display:block;width:100%;height:auto;object-fit:contain;border-radius:16px;z-index:2}.banner-slider{position:relative;overflow:hidden;min-height:340px;border-radius:12px;background:#0b2545;box-shadow:0 12px 32px #0f172a1f}.banner-slide-wrapper{position:relative;width:100%;height:100%;min-height:340px}.banner-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:340px}.banner-slide img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;animation:bannerZoom 8s ease-out forwards}@keyframes bannerZoom{0%{transform:scale(1.05)}to{transform:scale(1)}}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0b2545d9,#0b254573,#0b254533)}.banner-content{position:absolute;bottom:0;left:0;right:0;padding:48px 40px 40px;background:linear-gradient(transparent,#0b2545b3 40%,#0b2545e6);animation:bannerContentIn .6s ease-out}@keyframes bannerContentIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.banner-title{margin:0;color:#fff;font-size:clamp(24px,3vw,36px);font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.3)}.banner-subtitle{margin:8px 0 0;color:#ffffffd9;font-size:clamp(14px,1.5vw,18px);font-weight:500;max-width:520px;line-height:1.5}.banner-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 24px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.banner-cta:hover{background:var(--primary-dark);transform:translateY(-1px)}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;transition:opacity .3s,background .3s,transform .2s}.banner-slider:hover .banner-arrow{opacity:1}.banner-arrow:hover{background:#ffffff59;transform:translateY(-50%) scale(1.08)}.banner-arrow--left{left:16px}.banner-arrow--right{right:16px}.banner-dots{position:absolute;bottom:16px;right:40px;z-index:10;display:flex;gap:8px}.banner-dot{width:10px;height:10px;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;cursor:pointer;transition:all .3s;padding:0}.banner-dot.dot-active{width:28px;border-radius:5px;background:#fff;border-color:#fff}.banner-dot:hover{border-color:#fff;background:#ffffff4d}.banner-skeleton{min-height:340px;border-radius:12px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.banner-empty{display:grid;place-items:center;background:linear-gradient(135deg,#0b2545,#1a4a7a)}.banner-empty .banner-content{position:static;background:none;text-align:center;animation:none;padding:40px}.banner-empty .banner-content p{margin:8px 0 0;color:#ffffffb3;font-size:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.top-panel{border-radius:12px;padding:155px 50px 35px;background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;align-self:start;aspect-ratio:340 / 580}.top-panel-content{flex:1;overflow-y:auto;padding:4px 0;background:transparent}.top-panel-content::-webkit-scrollbar{width:4px}.top-panel-content::-webkit-scrollbar-track{background:transparent}.top-panel-content::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:10px}.top-panel-content::-webkit-scrollbar-thumb:hover{background:#0f172a59}:root.dark .top-panel-content::-webkit-scrollbar-thumb{background:#ffffff26}:root.dark .top-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.top-panel ol{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;list-style:none}.top-panel li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;font-weight:600;padding:7px 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;transition:all .2s ease}.top-panel li:hover{transform:translate(4px);background:transparent;border-color:#3b82f64d}.top-panel li:last-child{border-bottom:none;margin-bottom:0}.top-panel .name{color:#fff;font-weight:700;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.medal-img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 2px 8px #0006,0 0 0 2px #ffffff26;transition:all .25s ease;display:block}.top-panel li:hover .medal-img{transform:scale(1.12);box-shadow:0 3px 12px #00000080,0 0 0 2px #ffffff4d}.top-panel li:nth-child(1) .medal-img{box-shadow:0 2px 8px #f59e0b80,0 0 0 2px #f59e0b66}.top-panel li:nth-child(1):hover .medal-img{box-shadow:0 3px 14px #f59e0b99,0 0 0 3px #f59e0b80}.top-panel li:nth-child(2) .medal-img{box-shadow:0 2px 8px #64748b66,0 0 0 2px #94a3b866}.top-panel li:nth-child(2):hover .medal-img{box-shadow:0 3px 14px #64748b80,0 0 0 3px #94a3b880}.top-panel li:nth-child(3) .medal-img{box-shadow:0 2px 8px #b4530966,0 0 0 2px #b4530966}.top-panel li:nth-child(3):hover .medal-img{box-shadow:0 3px 14px #b4530980,0 0 0 3px #b4530980}.top-panel li:nth-child(n+4) .medal-img{box-shadow:0 2px 6px #0006,0 0 0 2px #ffffff1a}.top-panel li:nth-child(n+4):hover .medal-img{box-shadow:0 3px 12px #00000080,0 0 0 3px #fff3}.top-panel strong{color:#fbbf24;font-weight:800;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(251,191,36,.3)}.activity-ticker{background:#0b2545;color:#fff;height:38px;overflow:hidden;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line);box-shadow:inset 0 -2px 6px #0000000d;font-size:13px;font-weight:700}.ticker-track{display:flex;width:max-content;animation:marqueeAnimation 30s linear infinite}.ticker-track:hover{animation-play-state:paused}.ticker-item-list{display:flex;flex-shrink:0;gap:60px;padding-right:60px}.ticker-item{white-space:nowrap;display:flex;align-items:center;gap:8px}.ticker-dot{color:#22d3ee;font-size:10px}@keyframes marqueeAnimation{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:28px 0 54px}.category-tile{display:block;text-decoration:none;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.category-tile.tile-visible{opacity:1;transform:translateY(0)}.category-tile-thumb{position:relative;overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.category-tile:hover .category-tile-thumb{transform:translateY(-8px) scale(1.05);filter:drop-shadow(0 16px 24px rgba(15,111,220,.3))}.category-tile-img{width:100%;height:auto;display:block;transition:transform .5s ease}.category-tile-img--real{object-fit:contain}.category-tile:hover .category-tile-img{transform:scale(1.08)}.category-tile-body{padding:14px 4px 0;text-align:center}.category-tile-body h3{margin:0;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;transition:color .3s,transform .3s,text-shadow .3s;display:inline-block;position:relative}.category-tile-body h3:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-4px;left:0;background:linear-gradient(90deg,transparent,#38bdf8,transparent);transform-origin:bottom center;transition:transform .3s ease-out}.category-tile:hover .category-tile-body h3:after{transform:scaleX(1)}.category-tile:hover .category-tile-body h3{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.8),0 0 24px rgba(56,189,248,.4);transform:scale(1.05)}.category-tile-body p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-tile-count{display:inline-block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:600}.product-section,.page-stack{margin-top:34px}.section-title,.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h1,.section-title h2,.page-header h1{margin:0;color:var(--ink);font-size:26px;font-weight:750}.section-title a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 8px 18px #0f172a14}.product-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;background:linear-gradient(135deg,#dbeafe,#ecfeff);color:var(--primary-dark);text-align:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb span{padding:14px;font-weight:700}.product-thumb strong{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a94;color:#fff}.product-body{padding:16px;text-align:center}.product-body h3{min-height:48px;margin:0;font-size:17px;font-weight:700}.product-body p{margin:10px 0 12px;color:var(--primary-dark);font-size:21px;font-weight:750}.product-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px}.product-meta span{border-radius:7px;padding:7px 8px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.product-card .btn{width:100%}.category-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cf-search{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);min-width:200px;flex:1}.cf-search svg{flex-shrink:0}.cf-search input{border:0;outline:0;background:transparent;color:var(--ink);font-size:.85rem;font-weight:500;width:100%;height:100%}.cf-search input::placeholder{color:var(--muted);opacity:.6}.cf-select{display:inline-flex;align-items:center;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);white-space:nowrap}.cf-select select{border:0;outline:0;background:transparent;color:var(--ink);font-size:.85rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:12px}@media(max-width:860px){.category-filters{gap:6px;margin-bottom:10px}.cf-search{height:30px;padding:0 8px;min-width:100px;flex:0 1 160px;gap:4px}.cf-search svg{width:12px;height:12px}.cf-search input{font-size:.75rem}.cf-select{height:30px;padding:0 6px}.cf-select select{font-size:.75rem;padding-right:12px;background-size:9px}}@media(max-width:520px){.category-filters{gap:4px;margin-bottom:8px;flex-wrap:wrap}.cf-search{height:28px;padding:0 6px;min-width:60px;flex:1 1 100px}.cf-search input{font-size:.72rem}.cf-select{height:28px;padding:0 4px}.cf-select select{font-size:.72rem;padding-right:10px;background-size:8px}}.support-button{position:fixed;right:28px;bottom:22px;display:inline-flex;align-items:center;gap:6px;width:62px;height:62px;border:0;border-radius:999px;background:var(--primary);color:#fff;box-shadow:0 8px 18px #0f172a38;font-size:13px;font-weight:750;cursor:pointer}.narrow-page{max-width:900px}.method-grid,.article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}.method-grid article,.article-list article,.profile-panel,.empty-state,.loading-state{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff}.empty-state{text-align:center;padding:48px 22px}.empty-icon{display:flex;justify-content:center;margin-bottom:16px;color:var(--muted);opacity:.5}.method-grid h2,.article-list h2{margin:12px 0 8px}.article-list span{color:var(--primary);font-weight:700}.empty-state,.loading-state{color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:18px}.empty-state p{margin:8px 0 0}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100dvh - 96px);margin:-10px calc(clamp(12px,3vw,24px)*-1) -48px;padding:20px 24px;background:var(--page)}.auth-form-section{width:100%;max-width:420px;margin:0 auto;border:1px solid var(--line);border-radius:10px;padding:28px 32px;background:var(--panel)}.auth-form-header{text-align:center;margin-bottom:24px}.auth-form-header h3{margin:0 0 6px;font-size:1.35rem;font-weight:800;color:var(--ink);letter-spacing:-.3px}.auth-form-header p{margin:0;font-size:.8rem;color:var(--muted)}.auth-link-btn{display:inline;padding:0;border:0;background:none;color:#0b2545;font-weight:700;font-size:inherit;cursor:pointer;text-decoration:none}.auth-link-btn:hover{text-decoration:underline}.auth-tabs{display:flex;gap:0;margin-bottom:24px;border-radius:8px;padding:3px;background:var(--page);border:1px solid var(--line)}.auth-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:0;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--muted);background:transparent;transition:all .25s ease}.auth-tab.active{background:#0b2545;color:#fff}.auth-tab:not(.active):hover{color:var(--ink)}.auth-panel{animation:authSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes authSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form{display:grid;gap:14px}.auth-field{display:grid;gap:4px}.auth-field label{font-size:.8rem;font-weight:600;color:var(--ink)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:12px;color:var(--muted);pointer-events:none;flex-shrink:0}.auth-input-wrap input{width:100%;height:40px;padding:0 12px 0 36px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:.85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.auth-input-wrap input:focus{border-color:#0b2545;box-shadow:0 0 0 3px #2827341a}.auth-input-wrap input::placeholder{color:var(--muted);opacity:.5}.auth-pw-toggle{position:absolute;right:4px;top:4px;bottom:4px;width:34px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px;transition:color .2s ease}.auth-pw-toggle:hover{color:var(--ink)}.auth-pw-toggle~input{padding-right:44px}.auth-remember{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember input[type=checkbox]{width:15px;height:15px;accent-color:#0B2545;cursor:pointer}.auth-error{margin:0;padding:12px 14px;border-radius:8px;font-size:.875rem;color:#b42318;background:#fef2f2;border:1px solid #fecaca}:root.dark .auth-error{background:#b423181f;border-color:#b423184d;color:#fca5a5}.auth-submit{margin-top:4px}.auth-submit.btn--primary{background:#0b2545!important}.auth-submit.btn--primary:hover{opacity:.9!important}.auth-social-section{margin-top:4px}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-divider span{font-size:.7rem;font-weight:600;color:var(--muted);white-space:nowrap;letter-spacing:.5px}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:42px;padding:0 16px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-google-btn:hover{border-color:#4285f4;background:#4285f40a;box-shadow:0 1px 3px #00000014}.auth-google-btn:active{transform:scale(.99)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{flex-shrink:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.auth-page{min-height:calc(100dvh - 86px);padding:20px 16px}}@media(max-width:480px){.auth-page{min-height:calc(100dvh - 148px);padding:16px 12px}.auth-form-header h3{font-size:1.2rem}}.not-found{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--page)}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:125vh;background:#fff;zoom:.8}.admin-sidebar{display:flex;flex-direction:column;gap:16px;padding:20px 10px;background:#fff;color:var(--ink);border-right:1px solid var(--line);position:sticky;top:0;height:125vh}.admin-sidebar .admin-brand{color:var(--primary-dark);font-size:18px;font-weight:800;padding-left:8px}.admin-sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.admin-sidebar nav::-webkit-scrollbar{display:none}.admin-sidebar a,.admin-sidebar button.nav-group-trigger,.admin-sidebar button.logout-btn{display:flex;align-items:center;gap:12px;min-height:40px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#475569;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;text-decoration:none;width:100%}.admin-sidebar a.active,.admin-sidebar button.nav-group-trigger.active{background:#084b9a;color:#fff;font-weight:600}.admin-sidebar a.active svg,.admin-sidebar button.nav-group-trigger.active svg{color:#fff}.admin-sidebar a:hover:not(.active),.admin-sidebar button.nav-group-trigger:hover:not(.active){background:#f1f5f9;color:#1e293b}.admin-sidebar .nav-group-trigger{justify-content:space-between}.admin-sidebar .nav-group-label-wrapper{display:flex;align-items:center;gap:12px}.admin-sidebar .nav-group-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:hidden}.admin-sidebar .nav-group.expanded .nav-group-children{grid-template-rows:1fr}.admin-sidebar .nav-group-children>div{overflow:hidden;display:flex;flex-direction:column;gap:2px;padding-top:4px;padding-bottom:4px}.admin-sidebar .nav-sub-item{min-height:36px;padding:0 12px 0 24px;font-size:12px;color:#64748b;position:relative;display:flex;align-items:center;gap:8px;border-radius:6px;transition:all .2s;text-decoration:none;white-space:nowrap}.admin-sidebar .nav-sub-item:before{display:none}.admin-sidebar .nav-sub-item:hover{color:#1e3a8a;background:#f8fafc}.admin-sidebar .nav-sub-item.active{background:#084b9a14;color:#084b9a;font-weight:600}.admin-sidebar button.logout-btn{flex-shrink:0;padding:12px}.admin-content{min-width:0;display:flex;flex-direction:column}.admin-main-viewport{padding:32px 36px;flex:1}.admin-topbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;height:52px;padding:0 20px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;position:sticky;top:0;z-index:40}.admin-search{display:flex;align-items:center;gap:8px;min-width:280px;margin-right:auto;height:32px;padding:0 12px;border-radius:8px;background:var(--page);border:1px solid var(--line);transition:border-color .2s ease}.admin-search:focus-within{border-color:var(--primary)}.admin-search input{border:0;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%}.admin-search input::placeholder{color:var(--muted);font-size:13px}.admin-topbar-right{display:flex;align-items:center;gap:4px}.topbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.topbar-icon-btn:hover{background:var(--primary-soft);color:var(--primary)}.admin-profile-trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;margin-left:4px;border-radius:8px;cursor:pointer;transition:background .15s ease}.admin-profile-trigger:hover{background:var(--primary-soft)}.admin-profile-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}.admin-page{display:grid;gap:20px;padding:32px 36px}.page-header{margin:0}.page-header p{margin:6px 0 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{font-size:28px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#344054;background:#f8fbff}.status-pill{border-radius:999px;padding:6px 10px;background:#dcfce7;color:#166534;font-weight:700}@media(max-width:1180px){.site-header{grid-template-columns:auto 1fr}.header-actions{grid-column:1 / -1;justify-content:stretch}.search-box{flex:1;min-width:0}.category-grid,.product-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-grid{grid-template-columns:minmax(0,1fr) 340px}.banner-content{padding:36px 24px 28px}.banner-dots{right:24px}.cart-layout{display:flex!important;flex-direction:column!important;width:100%!important;grid-template-columns:none!important;gap:14px!important}.cart-summary-column,.cart-items{width:100%!important}}@media(max-width:860px){.site-header,.home-hero-grid,.category-grid,.product-grid,.method-grid,.article-list,.admin-shell,.stats-grid{grid-template-columns:1fr}.site-header{gap:14px}.main-nav{overflow-x:auto;padding-bottom:4px}.header-actions{flex-wrap:wrap}.banner-slider,.banner-slide-wrapper,.banner-slide,.banner-slide img,.banner-skeleton{min-height:200px}.banner-content{padding:24px 16px 20px}.banner-title{font-size:20px}.banner-arrow{display:none}.banner-dots{right:16px;bottom:12px}.banner-dot{width:8px;height:8px}.banner-dot.dot-active{width:22px}.category-tile-thumb{aspect-ratio:16 / 7}.category-tile-body p{display:none}.top-panel li{grid-template-columns:36px minmax(0,1fr)}.top-panel strong{grid-column:2;justify-self:start}.section-title,.page-header,.admin-topbar{align-items:flex-start;flex-wrap:wrap}.admin-sidebar{position:static}.admin-search{min-width:0;width:100%}}@media(max-width:860px){.app-shell{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.site-header{display:flex;justify-content:space-between;min-height:54px;gap:8px;padding:7px 10px}.logo{min-width:0;flex:1 1 auto}.logo-img{height:34px;max-width:min(140px,38vw);object-fit:contain}.main-nav,.search-box{display:none}.header-actions{flex:0 0 auto;grid-column:auto;justify-content:flex-end;flex-wrap:nowrap;gap:6px;min-width:0}.icon-btn{width:34px;height:34px;flex:0 0 34px;border-radius:50%}.icon-btn svg{width:17px;height:17px}.header-cart-badge{top:-3px;right:-4px;min-width:15px;height:15px;padding:0 3px;font-size:8px}.avatar-btn,.site-header .avatar-btn img{width:34px;height:34px}.btn.login-btn{width:34px;min-width:34px;min-height:34px;height:34px;padding:0;gap:0;border-radius:50%;font-size:0;background:var(--panel);border-color:var(--line)}.btn.login-btn svg{width:18px;height:18px}.notification-popover{position:fixed;top:60px;right:8px;left:8px;width:auto!important;max-height:calc(100dvh - 144px);border-radius:12px}.notification-content{max-height:calc(100dvh - 270px)!important}.account-popover{position:fixed;top:60px;right:8px;width:min(270px,calc(100vw - 16px));padding:12px;border-radius:12px}.site-main{padding-top:14px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.floating-widget-stack{right:12px!important;left:auto!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;gap:8px!important}.floating-widget-stack a{width:40px!important;height:40px!important}.floating-widget-stack button{height:36px!important;font-size:12px!important;padding:0 12px!important}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:95;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(62px + env(safe-area-inset-bottom));padding:5px 4px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel);box-shadow:0 -12px 28px #0f172a1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-bottom-link{min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:10px;background:transparent;color:#475569;font-size:13px;font-weight:500;line-height:1;text-align:center;cursor:pointer;transition:color .18s ease,background .18s ease}.mobile-bottom-link svg{color:#64748b;transition:color .18s ease}.mobile-bottom-link span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-bottom-link.active,.mobile-bottom-link:hover{color:var(--primary-dark);background:var(--primary-soft)}.mobile-bottom-link.active svg,.mobile-bottom-link:hover svg{color:var(--primary-dark)}.mobile-bottom-button{font:inherit}.mobile-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:block;border:0;background:#0f172a80;cursor:default;animation:mobileScrimIn .25s ease-out}.mobile-menu-drawer{position:fixed;top:0;left:0;bottom:0;width:70%;max-width:320px;z-index:90;display:flex;flex-direction:column;background:var(--panel);box-shadow:4px 0 30px #0f172a40;animation:mobileDrawerIn .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid var(--line)}.mobile-drawer-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.mobile-drawer-logo img{height:34px;width:auto;object-fit:contain}.mobile-drawer-close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--page);color:var(--muted);cursor:pointer;transition:background .2s}.mobile-drawer-close:hover{background:var(--line)}.mobile-drawer-user{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--page);border-bottom:1px solid var(--line)}.mobile-drawer-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.mobile-drawer-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-drawer-user-name{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-user-balance{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.mobile-drawer-login-btn{width:100%;padding:10px 16px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-drawer-nav{flex:1;overflow-y:auto;padding:8px 0;-webkit-overflow-scrolling:touch}.mobile-drawer-section-label{padding:12px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);opacity:.6}.mobile-drawer-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.mobile-drawer-link svg{flex-shrink:0;color:var(--muted)}.mobile-drawer-link.active,.mobile-drawer-link:active{background:var(--primary-soft);color:var(--primary-dark)}.mobile-drawer-link.active svg,.mobile-drawer-link:active svg{color:var(--primary-dark)}.mobile-drawer-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1}.mobile-drawer-divider{height:1px;margin:8px 16px;background:var(--line)}@keyframes mobileDrawerIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes mobileScrimIn{0%{opacity:0}to{opacity:1}}.log-table-wrapper{overflow-x:visible;border:none;background:transparent}.log-table,.log-table tbody{display:block;width:100%}.log-table thead{display:none}.log-table tr{display:flex;flex-direction:column;width:100%;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);box-shadow:0 2px 4px #00000005;box-sizing:border-box}.log-table tr:last-child{margin-bottom:0}.log-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);white-space:normal;font-size:13px;width:100%;box-sizing:border-box}.log-table td:last-child{border-bottom:none}.log-table td[data-label=ID]{background:#082240;color:#fff;font-weight:600}.log-table td[data-label=ID]:before{color:#fffc}.log-table td:before{content:attr(data-label);flex-shrink:0;min-width:90px;font-weight:500;color:var(--muted);font-size:12px;text-align:left}.log-table td[colspan]{display:block;text-align:center;padding:20px;background:var(--panel)}.log-table td[colspan]:before{display:none}}@media(max-width:520px){.site-main,.admin-page{padding-left:12px;padding-right:12px}.main-nav{gap:14px}.search-box kbd{display:none}.btn{width:100%}.icon-btn{width:34px;height:34px;flex:0 0 34px}.btn.login-btn{width:34px}.product-body h3{min-height:0}.support-button{right:16px;bottom:16px}}.user-menu-wrapper{position:relative}.avatar-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-btn:hover{transform:scale(1.06);box-shadow:0 0 8px #d9be1e66}.account-popover{position:absolute;top:calc(100% + 12px);right:0;width:250px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:16px;z-index:100;animation:popoverFadeIn .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.popover-profile{display:flex;align-items:center;gap:12px;padding-bottom:4px}.profile-details{display:flex;flex-direction:column;min-width:0}.profile-name{color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-balance{color:var(--muted);font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px}.popover-divider{height:1px;background:var(--line);margin:12px 0;width:100%}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--ink);font-size:14px;font-weight:650;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.popover-item:hover{background:var(--primary-soft);color:var(--primary-dark)}.popover-item svg{color:var(--muted);transition:color .15s ease}.popover-item:hover svg{color:var(--primary-dark)}.popover-item.logout-btn{color:#ef4444}.popover-item.logout-btn:hover{background:#fef2f2;color:#b91c1c}.popover-item.logout-btn:hover svg{color:#b91c1c}.profile-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}.profile-sidebar{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:background .2s ease}.sidebar-group-header:hover{background:var(--page)}.sidebar-group-title{font-size:11px;font-weight:500;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}.sidebar-chevron{color:var(--muted);transition:transform .3s ease;flex-shrink:0}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-group-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease,opacity .25s ease}.sidebar-group-body.collapsed{grid-template-rows:0fr;opacity:0}.sidebar-group-inner{overflow:hidden;display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--ink);font-size:14px;font-weight:400;border-radius:6px;cursor:pointer;text-align:left;transition:all .2s ease}.sidebar-item:hover{background:var(--page);color:var(--primary)}.sidebar-item.active{background:var(--primary-soft);color:var(--primary-dark)}.sidebar-item svg{color:var(--muted);flex-shrink:0}.sidebar-item.active svg{color:var(--primary-dark)}.profile-content{display:flex;flex-direction:column;gap:16px;min-width:0}.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000005}.profile-card h2{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:12px}.info-table{display:flex;flex-direction:column;gap:10px}.info-row{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:12px}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--muted);font-weight:400}.info-value{color:var(--ink);font-weight:400}.log-table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.log-table{width:100%;border-collapse:collapse;font-size:14px}.log-table th,.log-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.log-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:14px}.log-table td{color:var(--ink);font-weight:400;font-size:14px}.log-table tr:last-child td{border-bottom:none}.profile-form{display:flex;flex-direction:column;gap:12px;max-width:400px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:400;color:var(--ink)}.form-group input{height:42px;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:var(--panel);color:var(--ink);font-size:14px;transition:all .2s ease}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-soft)}.payment-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px;gap:4px}.payment-tab{padding:10px 18px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:400;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.payment-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--page);border-radius:8px;border:1px solid var(--line);margin-top:16px;text-align:center}.qr-image{background:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #0000000f}.qr-details{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px}.qr-detail-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px dashed var(--line)}.qr-detail-row:last-child{border-bottom:none}.pagination-summary{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-top:12px}.pagination-buttons{display:flex;gap:6px}.page-btn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:400;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s}.page-btn.active{background:#991b1b;color:#fff;border-color:#991b1b}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.profile-layout{grid-template-columns:1fr}}.history-filters-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-item{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--panel);height:40px;padding:0 12px;min-width:160px;flex:1}.filter-item.filter-item--large{flex:1.5;min-width:260px}.filter-label{color:var(--muted);font-size:13px;font-weight:400;white-space:nowrap;padding-right:10px}.filter-divider{width:1px;height:18px;background:var(--line);margin-right:12px;flex-shrink:0}.filter-input,.filter-select{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:14px;font-weight:400;height:100%}.filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:14px;padding-right:20px}.filter-input::placeholder{color:var(--muted);opacity:.7}.order-filter-toggle{display:none}.order-table{font-size:11px}.order-table th{font-size:10px;padding:8px 10px}.order-table td{font-size:11px;padding:8px 10px}.order-table td:first-child{font-size:10px;color:var(--muted)}.order-id-badge{font-weight:700;font-size:11px;letter-spacing:.3px}.order-pagination-btn{padding:4px 10px;font-size:11px;font-weight:600;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--ink);cursor:pointer;transition:all .15s;line-height:1}.order-pagination-btn:hover:not(:disabled){background:var(--primary-soft, #dbeafe);border-color:var(--primary, #2563eb);color:var(--primary, #2563eb)}.order-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.order-page-num{width:26px;height:26px;font-size:11px;font-weight:600;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--ink);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center}.order-page-num:hover{background:var(--primary-soft, #dbeafe);border-color:var(--primary, #2563eb);color:var(--primary, #2563eb)}.order-page-num.active{background:#2563eb;border-color:#2563eb;color:#fff}@media(max-width:860px){.history-filters-grid{flex-direction:column}.filter-item{min-width:0;width:100%}.filter-item.filter-item--large{min-width:0}.order-filter-toggle{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel);border:1.5px solid #000;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;margin-bottom:10px;transition:border-color .2s}.order-filter-toggle:active{border-color:var(--primary, #2563eb)}.order-filter-chevron{margin-left:auto;transition:transform .3s ease}.order-filter-chevron.open{transform:rotate(180deg)}.order-history-card h2{font-size:17px!important;margin-bottom:14px!important}.order-history-card .history-filters-grid{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,margin .3s ease;margin-bottom:0;gap:10px}.order-history-card .history-filters-grid.open{max-height:400px;opacity:1;margin-bottom:14px}.order-history-card .filter-item{padding:8px 16px!important;border:1.5px solid #000;border-radius:4px}.order-history-card .filter-label{min-width:80px;font-size:14px!important;font-weight:600;padding-right:14px!important}.order-history-card .filter-divider{height:24px!important;margin-right:14px!important}.order-history-card .filter-input,.order-history-card .filter-select{font-size:15px!important;font-weight:500}.order-history-card .log-table-wrapper{border-width:1.5px;border-radius:10px}.order-history-card .order-table tr{gap:6px;padding:13px 12px}.order-history-card .order-table td{gap:10px;padding:3px 0!important;font-size:13px!important;line-height:1.35}.order-history-card .order-table td:before{min-width:92px;font-size:12px;font-weight:600}.order-history-card .order-table td:first-child,.order-history-card .order-table td[data-label],.order-history-card .order-table td[data-label] span{font-size:13px!important}.order-history-card .order-table td[data-label="Mã đơn"]{background:#1e40af!important;border-radius:6px;padding:8px 12px!important;margin-top:2px;margin-bottom:2px}.order-history-card .order-table td[data-label="Mã đơn"]:before{color:#93c5fd!important;font-weight:600}.order-history-card .order-table td[data-label="Mã đơn"] .order-id-badge{color:#fff!important;font-size:14px!important;font-weight:700;letter-spacing:.5px}.order-history-card .order-table td[data-label="Thao tác"]{padding:4px 0!important}.order-history-card .order-table td button{min-height:28px;font-size:13px!important}.order-history-card .pagination-summary{align-items:flex-start;gap:10px;flex-direction:column;font-size:13px!important;margin-top:10px!important}.order-history-card .pagination-summary>div{gap:6px!important;flex-wrap:wrap}.order-history-card .pagination-summary button{min-width:32px!important;height:32px!important;padding:0 10px!important;border-width:1.5px!important;border-radius:6px!important;font-size:13px!important}}.vip-filter-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:400;color:var(--muted);cursor:pointer;transition:all .2s;margin-bottom:6px}.vip-filter-toggle:hover{border-color:#b91c1c;color:#b91c1c}.vip-filter-toggle-chevron{transition:transform .3s ease}.vip-filter-toggle-chevron.open{transform:rotate(180deg)}.vip-filters-container{width:100%}.vip-filters-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vip-filter-group{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel);height:42px;align-items:center;width:100%}.vip-filter-label{background:var(--panel);border-right:1px solid var(--line);padding:0 12px;font-size:14px;color:var(--muted);display:flex;align-items:center;height:100%;white-space:nowrap;font-weight:400;-webkit-user-select:none;user-select:none;flex-shrink:0}.vip-filter-input{border:none;outline:none;padding:0 10px;font-size:14px;flex:1;height:100%;width:100%;background:transparent;color:var(--ink)}.vip-filter-input::placeholder{color:var(--muted);opacity:.7}.vip-popover-trigger{display:flex;justify-content:space-between;align-items:center;flex:1;padding:0 12px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;background:var(--panel);color:var(--muted);overflow:hidden}.vip-popover-trigger.has-value{color:var(--ink)}.vip-popover-arrow{font-size:10px;color:var(--muted);margin-left:4px;flex-shrink:0}.vip-popover-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;margin-top:4px;max-height:280px;display:flex;flex-direction:column;overflow:hidden}.vip-popover-search{padding:8px;border-bottom:1px solid var(--line)}.vip-popover-search input{width:100%;height:32px;padding:0 10px;font-size:13px;border:1px solid var(--line);border-radius:4px;outline:none;background:var(--page);color:var(--ink)}.vip-popover-list{overflow-y:auto;flex:1;padding:4px 0}.vip-popover-item{padding:8px 12px;font-size:14px;cursor:pointer;transition:background .15s;color:var(--ink)}.vip-popover-item:hover{background:var(--page)}.vip-popover-item.selected{background:var(--page);font-weight:500}.vip-popover-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;color:var(--ink)}.vip-popover-checkbox:hover{background:var(--page)}.vip-popover-checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#b91c1c}.vip-popover-empty{padding:8px 12px;font-size:13px;color:var(--muted);text-align:center}.vip-pro-card{cursor:pointer;position:relative;border-radius:12px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.vip-pro-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px #00000026;border-color:#b91c1c}.vip-pro-card-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0f172a}.vip-pro-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.vip-pro-card:hover .vip-pro-card-image img{transform:scale(1.05)}.vip-pro-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:.5}.vip-pro-card-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 35%,transparent 65%,rgba(0,0,0,.3) 100%);pointer-events:none}.vip-pro-card-id-badge{position:absolute;top:10px;left:10px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.15);letter-spacing:.3px}.vip-pro-card-status-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vip-pro-card-status-badge.available{background:#16a34ad9;color:#fff;border:1px solid rgba(255,255,255,.2)}.vip-pro-card-status-badge.sold{background:#ef4444d9;color:#fff;border:1px solid rgba(255,255,255,.2)}.vip-pro-card-sold-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2}.vip-pro-card-sold-text{color:#ef4444;font-size:22px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 12px rgba(239,68,68,.4)}.vip-pro-card-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;background:var(--panel)}.vip-pro-card-title{margin:0;font-size:15px;font-weight:500;color:var(--ink);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.vip-pro-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vip-pro-card-stat{display:flex;align-items:center;gap:8px;background:var(--page);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.vip-pro-card-stat-icon{width:26px;height:26px;object-fit:contain;flex-shrink:0}.vip-pro-card-stat div{display:flex;flex-direction:column;gap:1px;min-width:0}.vip-pro-card-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-weight:400;line-height:1}.vip-pro-card-stat-value{font-size:13px;color:#b91c1c;font-weight:600;line-height:1.3}.vip-pro-card-items{display:flex;flex-wrap:wrap;gap:6px}.vip-pro-card-tag{display:inline-flex;align-items:center;gap:4px;background:var(--page);border:1px solid var(--line);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:400;color:var(--muted)}.vip-pro-card-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.vip-pro-card-price-label{font-size:11px;color:var(--muted);font-weight:400;display:block;margin-bottom:2px}.vip-pro-card-price-group{display:flex;flex-direction:column;gap:0}.vip-pro-card-price-group>div{display:flex;align-items:center;gap:8px}.vip-pro-card-price-original{font-size:12px;color:var(--muted);text-decoration:line-through;opacity:.6}.vip-pro-card-price{font-size:17px;color:#b91c1c;font-weight:600;letter-spacing:.2px}.vip-pro-card-buy-btn{display:inline-flex;align-items:center;gap:5px;background:#b91c1c;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0}.vip-pro-card-buy-btn:hover{background:#991b1b;transform:scale(1.04)}.vip-pro-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.vip-pro-card-cart-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);cursor:pointer;transition:all .2s;flex-shrink:0}.vip-pro-card-cart-btn:hover{border-color:#b91c1c;color:#b91c1c;background:#fef2f2}.vip-pro-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0 0 24px}@media(max-width:1180px){.vip-filters-row{grid-template-columns:repeat(2,1fr)}.vip-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vip-pro-card-body{padding:10px;gap:6px}.vip-pro-card-title{font-size:12px}.vip-pro-card-stats{gap:4px}.vip-pro-card-stat{gap:4px;padding:4px 6px;border-radius:4px}.vip-pro-card-stat-icon{width:16px;height:16px}.vip-pro-card-stat-label{font-size:7.5px}.vip-pro-card-stat-value{font-size:10px}.vip-pro-card-items{gap:4px}.vip-pro-card-tag{padding:2px 5px;font-size:9px;border-radius:3px}.vip-pro-card-price-row{padding-top:8px;justify-content:flex-start;gap:4px}.vip-pro-card-price-group{flex:1;min-width:0}.vip-pro-card-price-label,.vip-pro-card-price-original{font-size:9px}.vip-pro-card-price{font-size:13px}.vip-pro-card-buy-btn{padding:7px 14px;font-size:12px;border-radius:6px}.vip-pro-card-cart-btn{width:32px;height:32px;border-radius:6px}.vip-pro-card-actions{gap:6px}.vip-pro-card-image{aspect-ratio:16 / 9}}@media(max-width:860px){.vip-filters-row{grid-template-columns:1fr}.vip-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 16px}.vip-pro-card-body{padding:8px;gap:5px}.vip-pro-card-title{font-size:11px}.vip-pro-card-stats{gap:3px}.vip-pro-card-stat{gap:3px;padding:3px 5px}.vip-pro-card-stat-icon{width:14px;height:14px}.vip-pro-card-stat-label{font-size:7px}.vip-pro-card-stat-value{font-size:9px}.vip-pro-card-tag{padding:1px 4px;font-size:8px}.vip-pro-card-price-row{padding-top:6px;justify-content:flex-start;gap:3px}.vip-pro-card-price-group{flex:1;min-width:0}.vip-pro-card-price{font-size:12px}.vip-pro-card-buy-btn{padding:6px 12px;font-size:11px}.vip-pro-card-cart-btn{width:30px;height:30px}}@media(max-width:860px){.responsive-product-layout{grid-template-columns:1fr!important}.vip-modal-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.filter-input[type=date]{cursor:pointer}.nav-group{display:flex;flex-direction:column;margin-bottom:2px}.nav-group-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;border:0;border-radius:6px;padding:0 8px;background:transparent;color:var(--muted);cursor:pointer;font-weight:500;font-size:12.5px;transition:all .15s ease;text-align:left}.nav-group-trigger:hover{background:transparent;color:var(--primary)}.nav-group.expanded>.nav-group-trigger{color:var(--primary)}.nav-group-label-wrapper{display:flex;align-items:center;gap:8px}.nav-group-children{display:flex;flex-direction:column;gap:2px;padding-left:8px;margin-top:2px;margin-bottom:4px;margin-left:10px}.nav-sub-item{display:flex;align-items:center;min-height:28px;padding:0 8px;font-size:12px;color:var(--muted);border-radius:6px;font-weight:500;transition:all .15s ease}.nav-sub-item:hover{color:var(--primary);background:transparent}.nav-sub-item.active{color:var(--primary);background:transparent;font-weight:600}.admin-sidebar .logout-btn{margin-top:auto;color:#ef4444;font-weight:500;font-size:12.5px;background:transparent;transition:color .15s ease;border:none;min-height:36px;padding:0 8px;display:flex;align-items:center;gap:8px}.admin-sidebar .logout-btn:hover{color:#b91c1c;background:transparent}.admin-dashboard-wrapper{display:flex;flex-direction:column;gap:16px}.admin-page-header{margin-bottom:4px}.admin-page-header h1{margin:0;font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.admin-page-header p{margin:6px 0 0;color:var(--muted);font-size:14px}.admin-stat-card{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000005;transition:all .25s ease}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f;border-color:var(--primary-soft)}.stat-card-left{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;font-weight:600;color:var(--muted)}.stat-value{font-size:22px;font-weight:800;color:var(--ink);line-height:1.2}.stat-trend{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;margin-top:2px}.trend-up{color:#16a34a}.trend-down{color:#dc2626}.stat-card-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.admin-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.admin-chart-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column}.chart-card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.chart-card-header h3{margin:0;font-size:16px;font-weight:750;color:var(--ink)}.chart-subtitle{font-size:13px;color:var(--muted)}.chart-body{height:280px;position:relative}.svg-chart{width:100%;height:100%;overflow:visible}.chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--primary)}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:14px}.chart-tooltip{position:absolute;background:#0f172a;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;pointer-events:none;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000026;z-index:10;white-space:nowrap;border:1px solid rgba(255,255,255,.1);transition:left .1s ease,top .1s ease}.shortcuts-section{margin-top:8px}.shortcuts-section h3{font-size:16px;font-weight:750;margin:0 0 16px;color:var(--ink)}.admin-shortcuts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.admin-shortcut-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.admin-shortcut-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--primary-soft) 0%,transparent 60%)}.admin-shortcut-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a14,0 2px 8px #0f172a0a;border-color:var(--primary-soft)}.admin-shortcut-card:hover:before{opacity:1}.shortcut-icon-wrapper{width:44px;height:44px;display:grid;place-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.shortcut-icon-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.admin-shortcut-card:hover .shortcut-icon-wrapper{transform:scale(1.12)}.admin-shortcut-card:hover .shortcut-icon-img{transform:scale(1.05)}.admin-shortcut-card:active{transform:translateY(-1px) scale(.97)}.admin-shortcut-card:active .shortcut-icon-wrapper{transform:scale(1.04)}.admin-shortcut-card span{font-size:13px;font-weight:700;color:var(--ink);text-align:center;position:relative;z-index:1;transition:color .25s ease}.admin-shortcut-card:hover span{color:var(--primary)}.admin-summary-tables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:8px}.admin-summary-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000005}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-card-header h3{margin:0;font-size:16px;font-weight:750;color:var(--ink)}.summary-view-all{background:transparent;border:none;color:var(--primary);font-size:13px;font-weight:700;cursor:pointer;padding:0}.summary-view-all:hover{color:var(--primary-dark);text-decoration:underline}.summary-table-wrapper{overflow-x:auto}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--line);text-align:left}.summary-table th{color:var(--muted);font-weight:750;background:transparent}.summary-table td{color:var(--ink)}.summary-table tr:last-child td{border-bottom:none}.summary-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}.sm-btn{background:transparent;border:1px solid var(--line);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s ease}.sm-btn:hover{border-color:var(--primary);color:var(--primary)}.sm-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.sm-date-group{display:flex;align-items:center;gap:4px;color:var(--muted);margin-left:4px}.sm-date-input{border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:11px;color:var(--ink);background:var(--panel);max-width:120px;outline:none}.sm-date-input:focus{border-color:var(--primary)}.sm-date-sep{font-size:11px;color:var(--muted)}.sm-table th,.sm-table td{padding:8px 10px;font-size:12px}.status-pill.status-active{background:#dcfce7!important;color:#166534!important}.status-pill.status-soldout{background:#fee2e2!important;color:#991b1b!important}.status-pill.status-draft{background:#f1f5f9!important;color:#475569!important}.status-pill.status-hidden{background:#ffedd5!important;color:#c2410c!important}.chart-period-filter{display:flex;gap:6px;margin-bottom:12px}.period-btn{background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s ease}.period-btn:hover{border-color:var(--primary);color:var(--primary)}.period-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}.product-name{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.category-badge{background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;white-space:nowrap}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:800;background:var(--line);color:var(--muted)}.rank-badge.rank-1{background:#fef9c3;color:#854d0e}.rank-badge.rank-2{background:#f1f5f9;color:#475569}.rank-badge.rank-3{background:#ffedd5;color:#c2410c}@media(max-width:1024px){.admin-charts-grid,.admin-summary-tables-grid{grid-template-columns:1fr}.admin-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.admin-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn--outline{background:#f1f5f9;border:1px solid var(--line);color:var(--ink)}.btn--outline:hover{background:#e2e8f0}:root.dark .btn--outline{background:#1e293b;color:#f8fafc;border-color:#334155}:root.dark .btn--outline:hover{background:#334155}.admin-shell:has(.admin-page-compact) .admin-main-viewport{padding:10px 14px!important}.admin-page-compact{gap:10px!important;padding:0!important}.admin-page-compact .page-header{margin-bottom:8px!important;gap:10px!important}.admin-page-compact .page-header h1{font-size:20px!important}.admin-page-compact .page-header p{font-size:11px!important;margin-top:2px!important}.admin-page-compact table th,.admin-page-compact table td{padding:6px 10px!important;font-size:12px!important}.admin-page-compact table th{font-size:11px!important;font-weight:700!important;color:#475569!important;background:#f8fafc!important}.admin-page-compact .btn{min-height:unset!important;height:24px!important;padding:0 10px!important;font-size:11px!important;border-radius:4px!important}.admin-page-compact .page-header .btn{height:30px!important;padding:0 12px!important;font-size:12px!important;gap:6px!important;border-radius:6px!important}.admin-page-compact .page-header .btn svg{width:14px!important;height:14px!important}.admin-page-compact .status-pill{padding:3px 8px!important;font-size:11px!important;border-radius:999px!important}.site-footer{margin-top:auto;background:var(--panel);border-top:none}.footer-inner{max-width:1880px;margin:0 auto;padding:28px clamp(12px,3vw,24px) 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.footer-brand p{margin:14px 0 18px;font-size:.875rem;line-height:1.7;color:var(--muted)}.footer-logo{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;text-decoration:none;color:var(--ink)}.footer-logo span{color:var(--primary)}.footer-social{display:flex;gap:10px}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);color:var(--muted);transition:all .2s ease}.footer-social a:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.footer-col h4{margin:0 0 16px;font-size:.9rem;font-weight:700;color:var(--ink)}.footer-col a{display:block;padding:5px 0;font-size:.875rem;color:var(--muted);text-decoration:none;transition:color .2s ease}.footer-col a:hover{color:var(--primary)}.footer-col p{margin:0 0 10px;font-size:.875rem;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.footer-hours{margin-top:6px;font-weight:600;color:var(--primary)!important}.footer-bottom{border-top:1px solid var(--line);padding:18px clamp(16px,4vw,40px);text-align:center}.footer-bottom p{margin:0;font-size:.825rem;color:var(--muted)}@media(max-width:860px){.footer-inner{grid-template-columns:1fr 1fr;gap:16px;padding:20px clamp(12px,3vw,24px) 12px}.footer-brand{grid-column:1 / -1}.footer-brand p{margin:6px 0 8px;font-size:.75rem;line-height:1.4}.footer-logo{font-size:1rem}.footer-social{gap:6px}.footer-social a{width:26px;height:26px}.footer-col h4{margin:0 0 6px;font-size:.75rem}.footer-col a{padding:2px 0;font-size:.72rem}.footer-col p{margin:0 0 4px;font-size:.72rem}.footer-bottom{padding:8px clamp(12px,3vw,24px)}.footer-bottom p{font-size:.68rem}.footer-hours{margin-top:3px}}@media(max-width:520px){.footer-inner{grid-template-columns:1fr;gap:12px;padding:14px 12px 10px}.footer-brand p{margin:4px 0 6px;font-size:.7rem;line-height:1.35}.footer-logo{font-size:.9rem}.footer-social{gap:5px}.footer-social a{width:22px;height:22px}.footer-col h4{margin:0 0 4px;font-size:.72rem}.footer-col a{padding:1px 0;font-size:.68rem}.footer-col p{margin:0 0 2px;font-size:.68rem}.footer-bottom{padding:6px 12px}.footer-bottom p{font-size:.65rem}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.image-preview-container{position:relative;display:flex;align-items:center;justify-content:center;background:var(--page);border-radius:4px;overflow:hidden}.image-preview-container:hover .delete-btn{display:flex}.image-preview-container .delete-btn{display:none;position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:4px;width:20px;height:20px;align-items:center;justify-content:center;cursor:pointer}.image-preview-container .delete-btn:hover{background:#dc2626e6}@media(max-width:860px){html,body,#root{height:100%;overflow:hidden}body{touch-action:pan-y;overscroll-behavior:none}.app-shell{height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:calc(54px + env(safe-area-inset-top,0px));padding-bottom:calc(70px + env(safe-area-inset-bottom))}.site-header{position:fixed;top:0;right:0;left:0;width:100%;z-index:120;transform:translateZ(0);transition:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding-top:calc(7px + env(safe-area-inset-top,0px))!important}.mobile-bottom-nav{transform:translateZ(0)}.header-cart-badge{top:-2px;right:-2px;border-color:var(--panel);pointer-events:none}.notification-wrapper .icon-btn span{top:-2px!important;right:-2px!important;pointer-events:none}.activity-ticker{width:100%;height:32px;overflow:hidden}.ticker-item-list{gap:34px;padding-right:34px}.ticker-item{font-size:12px}.site-main{width:100%;overflow-x:hidden}.home-hero-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;padding:10px 8px 12px!important;margin:-14px -12px 16px!important;background:var(--page)!important;box-shadow:none!important}.home-hero-grid .top-panel{order:2}.home-hero-grid .hero-banner{order:1}.top-panel{min-height:0;height:auto;aspect-ratio:auto!important;display:block;flex:0 0 auto;align-self:stretch;border-radius:10px;padding:9px 10px 10px!important;background-image:none!important;background:linear-gradient(180deg,#082342,#06182e)!important;border:1px solid rgba(56,189,248,.28);box-shadow:0 8px 20px #0206171f}.top-panel .sr-only{position:static;width:auto;height:auto;margin:0 0 8px;overflow:visible;clip:auto;white-space:normal;color:#e0f2fe;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.top-panel-content{max-height:none;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none}.top-panel-content::-webkit-scrollbar{display:none}.top-panel ol{display:flex;flex-direction:row;gap:8px;min-width:max-content}.top-panel li{width:142px;min-height:42px;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto;gap:2px 7px;padding:7px 8px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#0f2342db}.top-panel .medal-img{width:21px;height:21px}.top-panel .name{font-size:11.5px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-panel strong{grid-column:2!important;justify-self:start!important;font-size:11.5px;line-height:1.2;white-space:nowrap}.hero-banner{width:100%;border-radius:10px!important;overflow:hidden;background:#020617!important}.hero-banner img{width:100%;max-width:100%;height:auto;max-height:190px;object-fit:contain;border-radius:10px!important;box-shadow:none!important;background:#020617}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin:14px 0 22px}.category-tile{opacity:1;transform:none}.category-tile-thumb{aspect-ratio:16 / 9!important;overflow:hidden;border-radius:8px;filter:none;background:var(--panel)}.category-tile-img{width:100%;height:100%;object-fit:contain}.category-tile-body{padding:8px 2px 0}.category-tile-body h3{font-size:13px;line-height:1.25;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-section .section-title{margin-bottom:10px!important;align-items:center!important;gap:10px}.product-section .section-title h2{font-size:15px!important;line-height:1.25}.product-section .section-title a{font-size:12px!important;white-space:nowrap}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.premium-product-card{border-radius:9px!important}.premium-product-card h3{font-size:11px!important;line-height:14px!important;height:28px!important}.homepage-unified-section>div>div[style*="gap: 48px"]{gap:24px!important}.homepage-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;justify-content:stretch!important}.premium-category-grid-card{width:100%!important;min-width:0!important;border-radius:8px!important}.premium-category-grid-card h3{font-size:11px!important;letter-spacing:0!important}.premium-category-grid-card p{font-size:9px!important}.cart-page{max-width:100%!important;padding:0 0 20px!important}.cart-page-title{margin-bottom:8px!important;align-items:center!important}.cart-page-title h1{font-size:16px!important}.cart-layout{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;grid-template-columns:none!important}.cart-line-item{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto 28px!important;align-items:start!important;gap:6px!important;padding:8px 0!important;border-radius:0!important;border-left:none!important;border-right:none!important}.cart-line-image{width:64px!important;border-radius:4px!important;grid-row:1 / span 2}.cart-line-details{grid-column:2;grid-row:1;min-width:0}.cart-line-details h3{font-size:11px!important;line-height:1.3;margin-bottom:2px!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:500!important}.cart-line-meta{display:inline!important;font-size:10px!important}.cart-line-meta span{display:inline!important}.cart-line-qty{grid-column:3;grid-row:1;align-self:center;margin-right:4px}.cart-line-qty>span{font-size:10px!important}.cart-line-total{grid-column:2 / span 2;grid-row:2;width:auto!important;text-align:right!important}.cart-line-total strong{font-size:11px!important;color:#b91c1c!important;font-weight:500!important}.cart-line-delete{grid-column:4;grid-row:1;align-self:start;justify-self:end;padding:4px!important;border-radius:6px;background:transparent!important}.cart-items{gap:1px!important;width:100%!important}.cart-summary-column{order:0;width:100%!important}.cart-summary-card{padding:12px!important;border-radius:8px!important}.cart-summary-card h2{font-size:13px!important;margin-bottom:8px!important;font-weight:600!important}.cart-summary-card button{height:38px!important;font-size:12px!important}.cart-summary-card strong[style*="font-size: 20px"]{font-size:17px!important}.product-detail-page{gap:10px!important;padding:0!important;max-width:100%!important}.product-detail-nav-row{margin:-4px 0 0!important;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);gap:8px}.product-detail-nav-row .breadcrumb{min-width:0;flex:1}.product-detail-nav-row button{flex:0 0 auto;min-width:34px;height:34px;padding:0 8px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--page)!important;color:var(--ink)!important;font-size:0!important}.product-detail-nav-row button svg{width:17px;height:17px}.product-detail-heading{margin:0!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:10px;background:var(--panel)}.product-detail-heading h1{margin-bottom:8px!important;font-size:18px!important;line-height:1.25!important;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-detail-meta{flex-wrap:wrap;gap:5px 10px!important;font-size:11.5px!important;line-height:1.35}.product-detail-meta>span:nth-child(2){display:none}.product-detail-meta>span{display:inline-flex;align-items:center;gap:3px;min-width:0}.product-detail-layout{display:flex!important;flex-direction:column!important;gap:10px!important}.product-detail-media-column{display:contents!important}.product-detail-image-card{order:1;aspect-ratio:16 / 9!important;border-radius:10px!important;background:#020617!important;box-shadow:0 8px 20px #0f172a14}.product-detail-image-card img{object-fit:contain!important;background:#020617}.product-detail-thumbs{order:2;gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.product-detail-thumbs::-webkit-scrollbar{display:none}.product-detail-thumbs button{flex:0 0 62px;width:62px!important;height:44px!important;border-radius:8px!important}.product-detail-buy-column{order:3;gap:10px!important}.product-detail-price-card,.product-detail-quantity-row,.product-detail-description-card,.product-detail-guarantee{border-radius:10px!important;box-shadow:0 8px 22px #0f172a0d}.product-detail-price-card{padding:12px!important}.product-detail-price-card>div:first-child{margin-bottom:10px!important}.product-detail-price-card strong[style*="28px"]{font-size:24px!important;line-height:1.1}.product-detail-spec-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding-top:10px!important}.product-detail-spec-list>div{min-height:58px;display:flex!important;flex-direction:column;justify-content:center!important;gap:4px;padding:8px;border-radius:8px;background:var(--page);text-align:center}.product-detail-spec-list span{font-size:10.5px!important;line-height:1.25}.product-detail-spec-list strong{font-size:12px!important;line-height:1.25}.product-detail-purchase-card{gap:8px!important}.product-detail-quantity-row{padding:10px 12px!important}.product-detail-quantity-row>span{font-size:12px!important}.product-detail-actions{gap:8px!important}.product-detail-actions button{height:42px!important;border-radius:9px!important}.product-detail-actions button:first-child{flex:1.15!important;font-size:13px!important}.product-detail-actions button:last-child{flex:.9!important;font-size:12px!important}.product-detail-help{margin:0!important;padding:10px 12px!important;border:1px dashed var(--line)!important;border-radius:10px;background:var(--panel);align-items:flex-start!important;font-size:11px!important;line-height:1.45}.product-detail-guarantee{margin-top:0!important;padding:12px!important}.product-detail-guarantee h3{font-size:12.5px!important}.product-detail-guarantee div{font-size:11.5px!important;line-height:1.45}.product-detail-description-card{order:4;padding:14px!important}.product-detail-description-card h2{margin-bottom:10px!important;padding-bottom:8px!important;font-size:14px!important;line-height:1.3}.product-description-content{font-size:12.5px!important;line-height:1.55!important}.product-detail-related{margin-top:18px!important}.product-detail-related h2{margin-bottom:12px!important;padding-bottom:8px!important;font-size:15px!important}}.chart-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.chart-modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000026}.chart-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--line)}.chart-modal-header h4{margin:0;font-size:15px;font-weight:750;color:var(--ink)}.chart-modal-date{font-weight:600;color:var(--muted)}.chart-modal-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;display:grid;place-items:center}.chart-modal-close:hover{background:var(--line);color:var(--ink)}.chart-modal-body{overflow-y:auto;padding:12px 20px 20px;flex:1}.chart-modal-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--primary)}.chart-modal-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--muted);font-size:13px}.chart-detail-table{width:100%;border-collapse:collapse}.chart-detail-table th,.chart-detail-table td{padding:8px 10px;font-size:12px;border-bottom:1px solid var(--line);text-align:left}.chart-detail-table th{color:var(--muted);font-weight:750;background:transparent;position:sticky;top:0;z-index:1;font-size:11px}.chart-detail-table td{color:var(--ink)}.chart-detail-table tr:last-child td{border-bottom:none}.modal-product-cell{display:flex;align-items:center;gap:8px}.modal-product-thumb{width:28px;height:28px;border-radius:4px;object-fit:cover;border:1px solid var(--line);flex-shrink:0}@keyframes heart-burst{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.heart-active{animation:heart-burst .3s cubic-bezier(.175,.885,.32,1.275);color:#ef4444!important;fill:#ef4444!important}.revenue-page-container{display:flex;flex-direction:column;gap:16px}.btn-refresh-revenue{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-refresh-revenue:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.btn-export-excel{display:inline-flex;align-items:center;gap:6px;background:#16a34a;border:1px solid #16a34a;color:#fff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #16a34a33}.btn-export-excel:hover{background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a4d}.revenue-toolbar-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px #00000005}.revenue-toolbar-left{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.revenue-presets-group{display:flex;align-items:center;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px}.preset-btn{background:transparent;border:none;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-btn:hover{color:#0f172a}.preset-btn.active{background:#fff;color:#2563eb;font-weight:700;box-shadow:0 1px 4px #00000014}.revenue-custom-dates{display:flex;align-items:center;gap:6px}.date-filter-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:600}.revenue-date-input{background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--ink);outline:none;font-family:inherit}.revenue-date-input:focus{border-color:#2563eb}.revenue-category-select-wrap{position:relative;display:flex;align-items:center}.revenue-category-select-wrap .select-icon{position:absolute;left:10px;color:#64748b;pointer-events:none}.revenue-category-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 12px 6px 30px;font-size:12px;font-weight:600;color:var(--ink);outline:none;cursor:pointer}.revenue-category-select:focus{border-color:#2563eb}.revenue-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}@media(max-width:1200px){.revenue-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.revenue-kpi-grid{grid-template-columns:1fr}}.revenue-kpi-card{padding:18px 16px}.kpi-icon-img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.stat-trend-wrap{margin-top:4px}.trend-neutral{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#64748b}.revenue-charts-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}@media(max-width:992px){.revenue-charts-grid{grid-template-columns:1fr}}.revenue-main-chart-card,.revenue-side-chart-card,.revenue-hourly-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000005}.chart-legend-box{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;color:#64748b}.legend-item{display:flex;align-items:center;gap:6px}.legend-badge{width:12px;height:12px;border-radius:3px}.legend-bar-color{background:linear-gradient(180deg,#1e40af,#3b82f6)}.legend-line-color{background:#f59e0b}.category-breakdown-body{margin-top:12px}.category-performance-list{display:flex;flex-direction:column;gap:14px}.cat-perf-item{display:flex;flex-direction:column;gap:4px}.cat-perf-header{display:flex;justify-content:space-between;align-items:center;font-size:13px}.cat-perf-left{display:flex;align-items:center;gap:8px}.cat-perf-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cat-perf-name{font-weight:700;color:var(--ink)}.cat-perf-orders{font-size:11px;color:#64748b}.cat-perf-right{display:flex;align-items:center;gap:10px}.cat-perf-revenue{font-weight:800;color:var(--ink)}.cat-perf-pct{font-weight:700;min-width:38px;text-align:right}.cat-perf-bar-bg{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.cat-perf-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.peak-hour-badge{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}.revenue-tabs-container{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000005}.revenue-tabs-nav{display:flex;border-bottom:1px solid var(--line);background:#f8fafc;padding:4px 6px 0;gap:4px;overflow-x:auto}.revenue-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap}.revenue-tab-btn:hover{color:#0f172a}.revenue-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.tab-count-badge{background:#e2e8f0;color:#334155;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px}.revenue-tab-btn.active .tab-count-badge{background:#dbeafe;color:#1d4ed8}.revenue-tab-content{padding:16px}.tab-loading{display:flex;justify-content:center;align-items:center;padding:48px;color:#2563eb}.btn-view-day-orders,.btn-view-order-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-view-day-orders:hover,.btn-view-order-sm:hover{background:#2563eb;border-color:#2563eb;color:#fff}.revenue-orders-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:420px}.search-wrap .search-icon{position:absolute;left:10px;color:#64748b;pointer-events:none}.search-wrap .search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--ink);outline:none}.search-wrap .search-input:focus{border-color:#2563eb}.revenue-filter-select{padding:8px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600;color:var(--ink);outline:none;background:#fff}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:800}.rank-badge.top-1{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.rank-badge.top-2{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.rank-badge.top-3{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.revenue-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.revenue-modal-dialog{background:#fff;width:100%;max-width:780px;max-height:85vh;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0003;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.revenue-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--line);background:#f8fafc}.revenue-modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:grid;place-items:center}.revenue-modal-close:hover{background:#e2e8f0;color:#0f172a}.revenue-modal-body{padding:16px 20px;overflow-y:auto;flex:1}.day-orders-list{display:flex;flex-direction:column;gap:10px}.day-order-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;gap:16px;transition:all .15s ease}.day-order-card:hover{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb0d}.day-order-left{display:flex;align-items:center;gap:12px}.day-order-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.day-order-no-img{width:44px;height:44px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;flex-shrink:0}.day-order-name{font-size:13px;font-weight:750;color:var(--ink)}.day-order-meta{display:flex;align-items:center;gap:6px;margin-top:3px}.meta-badge{background:#f1f5f9;color:#475569;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px}.meta-time{font-size:11px;color:var(--muted)}.day-order-buyer{font-size:12px;color:var(--muted);margin-top:2px}.day-order-buyer strong{color:var(--ink)}.day-order-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.day-order-price{font-size:15px;font-weight:800;color:#16a34a}.day-order-creds{display:flex;flex-direction:column;gap:3px;background:#f8fafc;border:1px solid var(--line);padding:4px 8px;border-radius:6px;font-size:11px}.cred-field{display:flex;align-items:center;gap:6px}.cred-label{color:var(--muted);font-weight:600}.cred-val{font-family:monospace;font-weight:700;color:var(--ink)}.cred-copy-btn{background:transparent;border:none;cursor:pointer;padding:1px 3px;display:grid;place-items:center;color:#64748b;border-radius:3px}.cred-copy-btn:hover{background:#e2e8f0;color:#0f172a}.revenue-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--line);background:#f8fafc}.btn-close-modal{padding:6px 16px;background:#e2e8f0;border:1px solid #cbd5e1;color:#334155;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.btn-close-modal:hover{background:#cbd5e1}