@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6fb;--white:#fff;--bg-card:#fff;--border:#d5dae8;--text:#111528;--muted:#4c5470;--muted2:#7882a1;--blue:#2563eb;--blue-grad:linear-gradient(135deg, #2563eb, #3b82f6);--blue-l:#eff6ff;--blue-m:#bfdbfe;--teal:#0891b2;--teal-l:#ecfeff;--sky:#0369a1;--sky-l:#bae6fd;--violet:#6d28d9;--violet-l:#f5f3ff;--pink:#db2777;--pink-l:#fdf2f8;--orange:#ea580c;--orange-l:#fff7ed;--green:#059669;--green-l:#ecfdf5;--yellow:#d97706;--yellow-l:#fef3c7;--red:#dc2626;--red-l:#fef2f2;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000a;--shadow-md:0 4px 16px #4361ee1f;--font:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--header-bg:#fffc;--row-hover:#f8f9ff;--focus-ring:#2563eb26;--overlay-bg:#1a1d2e73;--table-header-bg:#e8ebf3}[data-theme=dark]{--bg:#090d16;--white:#121826;--bg-card:#121826;--border:#222a3d;--text:#f3f4f6;--muted:#9ca3af;--muted2:#6b7280;--blue:#3b82f6;--blue-grad:linear-gradient(135deg, #3b82f6, #60a5fa);--blue-l:#3b82f61f;--blue-m:#2563eb;--teal:#06b6d4;--teal-l:#06b6d41f;--violet:#8b5cf6;--violet-l:#8b5cf61f;--pink:#ec4899;--pink-l:#ec48991f;--orange:#f97316;--orange-l:#f973161f;--green:#10b981;--green-l:#10b9811f;--yellow:#f59e0b;--yellow-l:#f59e0b1f;--red:#ef4444;--red-l:#ef44441f;--shadow:0 4px 20px #0000004d;--shadow-md:0 4px 20px #3b82f626;--header-bg:#121826cc;--row-hover:#1b2336;--focus-ring:#3b82f640;--overlay-bg:#0009;--table-header-bg:#1c2438}[data-theme=high-contrast-light]{--bg:#fff;--white:#fff;--bg-card:#fff;--border:#000;--text:#000;--muted:#222;--muted2:#444;--blue:#002bb8;--blue-grad:linear-gradient(135deg, #002bb8, #04f);--blue-l:#e6eeff;--blue-m:#002bb8;--teal:#005b66;--teal-l:#e0fcfc;--violet:#4c00b8;--violet-l:#f0e6ff;--pink:#b8004f;--pink-l:#ffe6f0;--orange:#a33b00;--orange-l:#fffae6;--green:#00522c;--green-l:#e6ffe6;--yellow:#805000;--yellow-l:#fff9e6;--red:#b80000;--red-l:#ffe6e6;--shadow:none;--shadow-md:none;--header-bg:#fff;--row-hover:#f0f0f0;--focus-ring:#002bb84d;--overlay-bg:#00000080}[data-theme=high-contrast-dark]{--bg:#000;--white:#0c0c0c;--bg-card:#0c0c0c;--border:#fff;--text:#fff;--muted:#e0e0e0;--muted2:#b0b0b0;--blue:#38bdf8;--blue-grad:linear-gradient(135deg, #38bdf8, #7dd3fc);--blue-l:#38bdf833;--blue-m:#38bdf8;--teal:#2dd4bf;--teal-l:#2dd4bf33;--violet:#a78bfa;--violet-l:#a78bfa33;--pink:#f472b6;--pink-l:#f472b633;--orange:#fb923c;--orange-l:#fb923c33;--green:#4ade80;--green-l:#4ade8033;--yellow:#fbbf24;--yellow-l:#fbbf2433;--red:#f87171;--red-l:#f8717133;--shadow:none;--shadow-md:none;--header-bg:#0c0c0c;--row-hover:#1c1c1c;--focus-ring:#38bdf866;--overlay-bg:#000c}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body,aside,header,.card,.stat-card,input,select,textarea,button,tr,.nav-item,.dropdown-item,.action-btn{transition:background-color .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.app{height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--white);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:230px;min-width:230px;padding:0;transition:transform .3s;display:flex;box-shadow:2px 0 12px #4361ee0d}.sidebar-logo{align-items:center;gap:11px;padding:22px 20px 18px;display:flex}.logo-icon{background:var(--blue-grad);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.logo-name{color:var(--text);letter-spacing:-.4px;font-size:17px;font-weight:800}.logo-tag{font-size:9px;font-family:var(--mono);color:var(--blue);background:var(--blue-l);border-radius:20px;margin-top:1px;padding:1px 6px;font-weight:500;display:inline-block}.sidebar-nav{flex-direction:column;flex:1;padding:12px 8px;display:flex;overflow-y:auto}.nav-section{color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;padding:10px 8px 4px;font-size:9px;font-weight:700;transition:all .15s ease-out}.nav-section:not(.expanded):hover{color:var(--blue)!important;background:#2563eb14!important}.nav-section:not(.expanded):hover svg,.nav-section:not(.expanded):hover span{color:var(--blue)!important}.nav-section.section-active{border-radius:8px;color:var(--blue)!important;box-shadow:none!important;background:0 0!important}.nav-section.section-active svg,.nav-section.section-active span{color:var(--blue)!important}.nav-item{color:var(--muted-foreground);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:flex}.nav-item:hover:not(.active){color:var(--blue);background:#2563eb14}.nav-item.active{background:var(--blue-l);color:var(--blue);font-weight:700}.nav-section{position:relative;transition:all .15s ease-out!important}.nav-item:before,.nav-section:before{content:"";background:var(--blue);opacity:0;pointer-events:none;border-radius:4px;width:4px;height:18px;transition:all .2s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(.5)}.nav-item:hover:not(.active):before,.nav-section:hover:not(.expanded):before{opacity:1;transform:translateY(-50%)scaleY(1)}.nav-item.active{color:#fff;border-radius:var(--radius-sm);margin-right:0;padding-right:12px;font-weight:600}.nav-item.active:after{display:none}.nav-item-indicator{border-radius:var(--radius-sm);background:var(--blue-grad);z-index:0;position:absolute;inset:0}.nav-item>.nav-emoji,.nav-item>span{position:relative}.nav-emoji{text-align:center;justify-content:center;align-items:center;width:20px;display:flex}.nav-badge{font-size:10px;font-weight:700;font-family:var(--mono);background:var(--blue);color:#fff;border-radius:20px;margin-left:auto;padding:1px 7px}.sidebar-bottom{border-top:1px solid var(--border);padding:14px 12px}.user-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.user-row:hover{background:var(--bg)}.user-avatar{background:linear-gradient(135deg, var(--pink), var(--orange));color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.user-name{color:var(--text);font-size:13px;font-weight:700}.user-role{color:var(--muted);font-size:10px;font-family:var(--mono)}.main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.topbar-left{align-items:center;gap:14px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;margin-right:5px;display:none}.page-icon{width:40px;height:40px;color:var(--blue);background:var(--blue-l);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-title{color:var(--text);letter-spacing:-.4px;font-size:18px;font-weight:800}.page-sub{color:var(--muted);margin-top:1px;font-size:11.5px;font-weight:500}.topbar-right{align-items:center;gap:10px;display:flex}.chip{border:1.5px solid var(--border);color:var(--muted);font-size:11px;font-weight:600;font-family:var(--mono);background:var(--white);border-radius:20px;align-items:center;gap:5px;padding:5px 11px;display:flex}.chip-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--muted);font-size:13px;font-weight:700;font-family:var(--font);align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--blue-m);color:var(--blue);background:var(--blue-l)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6);pointer-events:none;box-shadow:none}.btn-primary{background:var(--blue-grad);color:#fff;border-color:#0000;box-shadow:0 4px 12px #2563eb33}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.btn-danger-soft{background:var(--red-l);color:var(--red);border-color:#0000}.btn-danger-soft:hover{background:var(--red);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.tabs-bar{background:var(--white);border-bottom:1.5px solid var(--border);gap:4px;padding:0 28px;display:flex;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:10px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.tab:hover{color:var(--blue)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-count{background:var(--bg);color:var(--muted);font-size:10px;font-family:var(--mono);border-radius:20px;padding:1px 6px}.tab.active .tab-count{background:var(--blue-l);color:var(--blue)}.content{flex:1;min-height:0;padding:24px 28px;overflow:hidden auto}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--white);box-shadow:var(--shadow);border:1.5px solid var(--border);cursor:default;border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-change{font-size:10px;font-weight:700;font-family:var(--mono);border-radius:20px;padding:2px 6px}.up{background:var(--green-l);color:var(--green)}.down{background:var(--red-l);color:var(--red)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;font-weight:600}.stat-value{color:var(--text);letter-spacing:-1px;font-size:20px;font-weight:900;line-height:1}.grid-main{grid-template-columns:1fr 320px;align-items:start;gap:18px;display:grid}.card{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.card-head{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:var(--text);justify-content:flex-start;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.card-sub{color:var(--muted);margin-top:1px;font-size:11px;font-weight:500}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800;font-family:var(--mono);background:var(--table-header-bg);border-bottom:1.5px solid var(--border);white-space:nowrap;padding:10px 18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.grid-main{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{position:absolute;top:0;bottom:0;left:-230px}.sidebar.open{left:0;box-shadow:10px 0 20px #0000001a}.mobile-menu-btn{display:flex}.topbar{padding:12px 16px}.topbar-right .btn-primary span{display:none}.stats-row{grid-template-columns:1fr}.content{padding:16px}}@media print{.no-print{display:none!important}}.print-only{display:none}@media print{.print-only{display:block!important}}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--row-hover)}td{color:var(--text);padding:12px 18px;font-size:13px;font-weight:600}.client-cell{align-items:center;gap:10px;display:flex}.client-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex}.client-name{font-size:13px;font-weight:700}.badge{font-size:11px;font-weight:700;font-family:var(--mono);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge:before{content:"●";font-size:7px}.b-green{background:var(--green-l);color:var(--green)}.b-yellow{background:var(--yellow-l);color:var(--yellow)}.b-red{background:var(--red-l);color:var(--red)}.b-muted{background:var(--bg);color:var(--muted)}@media (width<=1024px){.grid-main{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{position:absolute;top:0;bottom:0;left:-230px}.sidebar.open{left:0;box-shadow:10px 0 20px #0000001a}.mobile-menu-btn{display:flex}.topbar{padding:12px 16px}.topbar-right .btn-primary span{display:none}.stats-row{grid-template-columns:1fr}.content{padding:16px}}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mono-sm{font-family:var(--mono);color:var(--muted);font-size:11.5px;font-weight:500}.amount{color:var(--text);font-size:13.5px;font-weight:800}.action-btn{border:1.5px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;margin-left:3px;transition:all .15s;display:inline-flex}.action-btn:hover{background:var(--blue-l);border-color:var(--blue-m);color:var(--blue)}.dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--bg)}.icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.side-stack{flex-direction:column;gap:16px;display:flex}.activity-feed{padding:4px 0}.act-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 20px;display:flex}.act-item:last-child{border-bottom:none}.act-icon{width:32px;height:32px;color:var(--text);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.act-text{color:var(--text);font-size:12.5px;font-weight:600;line-height:1.45}.act-time{color:var(--muted);font-size:10.5px;font-family:var(--mono);margin-top:2px}.mini-stat-list{padding:4px 0}.ms-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 20px;display:flex}.ms-item:last-child{border-bottom:none}.ms-label{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.ms-val{color:var(--text);font-size:13px;font-weight:800;font-family:var(--mono)}.overlay{background:var(--overlay-bg);z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:18px;width:500px;max-width:95vw;padding:28px;animation:.22s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 20px 60px #4361ee2e}.modal-hd{align-items:center;gap:12px;margin-bottom:20px;display:flex}.modal-hd-icon{background:linear-gradient(135deg, var(--blue), var(--violet));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #4361ee4d}.modal-title{color:var(--text);font-size:17px;font-weight:800}.modal-sub{color:var(--muted);font-size:12px;font-weight:500}.close-btn{background:var(--bg);width:32px;height:32px;color:var(--muted);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;margin-left:auto;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.close-btn:hover{background:var(--red-l);color:var(--red);transform:rotate(90deg)}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.fg{flex-direction:column;gap:5px;display:flex}.fg.full{grid-column:1/-1}label{color:var(--text);font-size:11px;font-weight:700}input,select,textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:13px;font-family:var(--font);color:var(--text);outline:none;padding:9px 12px;font-weight:600;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--focus-ring);background:var(--white)}select{cursor:pointer}.modal-ft{border-top:1.5px solid var(--border);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty-icon{color:var(--muted2);justify-content:center;margin-bottom:12px;display:flex}.empty-text{font-size:14px;font-weight:600}@media (width<=1024px){.grid-main{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{position:absolute;top:0;bottom:0;left:-230px}.sidebar.open{left:0;box-shadow:10px 0 20px #0000001a}.mobile-menu-btn{display:flex}.topbar{padding:12px 16px}.topbar-right .btn-primary span{display:none}.stats-row{grid-template-columns:1fr}.content{padding:16px}}.list-item-hover:hover{transform:translate(4px);background:var(--blue-l)!important;border-color:var(--blue-m)!important}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#pos-ticket th,#pos-ticket td{font-size:inherit;font-weight:inherit;color:inherit;padding:0}calendar-range,calendar-month{--color-accent:var(--blue);--color-text-on-accent:var(--white)}calendar-month::part(previous),calendar-month::part(next){background:var(--bg);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-weight:800;transition:all .2s;box-shadow:0 2px 4px #00000005}calendar-month::part(previous):hover,calendar-month::part(next):hover{background:var(--blue-l);color:var(--blue);border-color:var(--blue-m)}calendar-month::part(previous):active,calendar-month::part(next):active{transform:scale(.95)}[data-sileo-viewport]{z-index:9999!important}:root:not([data-theme=dark]):not([data-theme=high-contrast-dark]) [data-sileo-title]{color:#fff!important}:root:not([data-theme=dark]):not([data-theme=high-contrast-dark]) [data-sileo-description]{color:#ffffffe0!important}[data-theme=dark] [data-sileo-title],[data-theme=high-contrast-dark] [data-sileo-title]{color:#0f172a!important}[data-theme=dark] [data-sileo-description],[data-theme=high-contrast-dark] [data-sileo-description]{color:#334155!important}:root{--toast-bg:#171717;--toast-text:#fff;--toast-desc:#fffc;--toast-btn-bg:#ffffff1a;--toast-btn-hover:#ffffff26}[data-theme=dark]{--toast-bg:#fff;--toast-text:#111528;--toast-desc:#111528b3;--toast-btn-bg:#1115280f;--toast-btn-hover:#1115281a}.sileo-dynamic-title{color:var(--toast-text)!important;font-weight:600!important}.sileo-dynamic-desc{color:var(--toast-desc)!important}.sileo-dynamic-button{background-color:var(--toast-btn-bg)!important;color:var(--toast-text)!important}.sileo-dynamic-button:hover{background-color:var(--toast-btn-hover)!important}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,a,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (pointer:coarse){input,textarea,select{font-size:16px!important}}.hover-lift{transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.hover-lift:hover{transform:translateY(-1.5px)}.product-card-hover:hover{transform:translateY(-3px);box-shadow:0 14px 28px -8px #00000014;border-color:#4361ee40!important}.product-card-hover:hover .product-img-zoom{transform:scale(1.04)}}.hover-lift:active{transform:scale(.97)!important}.product-card-hover{transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1),border-color .18s}.product-card-hover:active{transform:scale(.985)}.spin-icon{animation:.75s linear infinite melySpin}@keyframes melySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-dropzone:hover{border-color:var(--blue)!important;background:var(--blue-l)!important}.store-products-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px;display:grid}.store-product-bottom-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.store-toolbar-controls-grid{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.store-toolbar-search-box{flex:auto;min-width:220px;position:relative}.store-toolbar-secondary-row{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.store-toolbar-category-box{flex-shrink:0;width:210px;position:relative}@media (width<=720px){.store-products-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.store-product-img-box{height:120px!important}.store-product-name{height:32px!important;font-size:12px!important;line-height:1.3!important}.store-product-card{border-radius:14px!important;padding:8px!important}.store-product-bottom-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding-top:8px!important}.store-product-bottom-row .store-product-price-box{justify-content:flex-start!important;align-items:baseline!important;gap:5px!important;display:flex!important}.store-product-bottom-row .store-product-action-btn,.store-product-bottom-row .store-product-qty-box{justify-content:center!important;width:100%!important;height:32px!important}.store-navbar-cart-text{display:none!important}.store-navbar-cart-btn{padding:8px 11px!important}.store-header-hero-wrapper{z-index:100!important;background:0 0!important;width:100%!important;position:sticky!important;top:0!important;box-shadow:0 6px 20px #0f172a14!important}.store-top-navbar{width:100%!important;box-shadow:none!important;border-bottom:none!important;position:static!important}.store-hero-section{width:100%!important;max-width:100%!important;box-shadow:none!important;margin:0!important;padding:0!important;position:static!important}.store-hero-box{border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0 0 16px 16px!important;width:100%!important;min-height:auto!important;padding:12px 16px!important}.store-hero-title{margin:0 0 4px!important;font-size:18px!important}.store-hero-desc{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin-bottom:6px!important;font-size:11.5px!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.store-toolbar-section{margin:12px auto 10px!important;padding:0 12px!important}.store-toolbar-controls-grid{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.store-toolbar-search-box{flex:none!important;width:100%!important}.store-toolbar-secondary-row{grid-template-columns:1fr auto auto!important;gap:6px!important;width:100%!important;display:grid!important}.store-toolbar-category-box{width:100%!important}.store-toolbar-category-select{width:100%!important;max-width:none!important;padding:9px 24px 9px 28px!important;font-size:12px!important}.store-main-catalog{padding:0 12px 140px!important}.store-cart-drawer-box{width:100vw!important;max-width:100%!important}.store-cart-input{padding:11px 12px!important;font-size:16px!important}.store-checkout-grid{grid-template-columns:1fr!important;gap:10px!important}}.store-header-hero-wrapper{width:100%;position:static}.store-cart-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.store-cart-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.store-checkout-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.brand-logo-light{display:inline-block}.brand-logo-dark{display:none}[data-theme=dark] .brand-logo-light,[data-theme=high-contrast-dark] .brand-logo-light{display:none!important}[data-theme=dark] .brand-logo-dark,[data-theme=high-contrast-dark] .brand-logo-dark{display:inline-block!important}@keyframes storeMarqueeScroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.store-marquee-track{will-change:transform;width:max-content;animation:26s linear infinite storeMarqueeScroll;display:flex}.store-marquee-track:hover{animation-play-state:paused}@keyframes boneShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--bone-base:#e2e8f0;--bone-shine:#f8fafc}[data-theme=dark],.dark{--bone-base:#1e2638;--bone-shine:#2c3852}[data-theme=high-contrast-dark]{--bone-base:#1a1a1a;--bone-shine:#333}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=high-contrast-light]){--bone-base:#1e2638;--bone-shine:#2c3852}}.skeleton-bone{background:linear-gradient(90deg, var(--bone-base) 25%, var(--bone-shine) 50%, var(--bone-base) 75%);background-size:200% 100%;animation:1.6s ease-in-out infinite boneShimmer;display:inline-block}