*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg:#f5f4f0;--sidebar:#16213e;--sidebar-text:#8892b0;--border:#e8e6e0;--text:#1a1a2e;--text2:#5a5a72;--muted:#9999b0;--accent:#2563eb;--accent-dark:#1d4ed8;--accent-l:#eff6ff;--green:#16a34a;--green-dark:#15803d;--green-l:#f0fdf4;--red:#dc2626;--red-dark:#b91c1c;--red-l:#fef2f2;--yellow:#d97706;--yellow-l:#fffbeb;--input-bg:#f8f7f4;--input-b:#ddd9d0;--white:#ffffff;--r-sm:8px;--r:10px;--r-lg:14px;--r-xl:18px;--r-2xl:22px;--shadow-sm:0 1px 2px rgba(16,24,40,.06);--shadow-md:0 4px 12px rgba(16,24,40,.08);--shadow-lg:0 12px 32px rgba(16,24,40,.14);--shadow-modal:0 24px 64px rgba(0,0,0,.24);--font:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--mobile-nav-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:var(--font);outline:none}a{color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc8c0;border-radius:3px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bgIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFull{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .18s ease forwards}.slide-up{animation:slideUp .22s cubic-bezier(.34,1.56,.64,1) forwards}.bg-in{animation:bgIn .15s ease forwards}.btn-primary,.btn-secondary,.btn-danger{border-radius:var(--r-lg);font-size:14px;font-weight:700;padding:12px 18px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s ease,background .15s ease,opacity .15s ease;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--text2);border:1.5px solid #e0ddd6}.btn-danger{background:var(--red-l);color:var(--red)}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(.97)}.input-base{width:100%;padding:11px 13px;border:1.5px solid var(--input-b);border-radius:var(--r);font-size:14px;background:var(--input-bg);color:var(--text);min-height:44px}.input-base:focus{border-color:var(--accent);background:var(--white)}.toast-wrap{position:fixed;bottom:20px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:11px 16px;border-radius:var(--r);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);animation:slideUp .2s ease;max-width:320px;color:#fff;pointer-events:auto}.toast.success{background:var(--green-dark)}.toast.error{background:var(--red-dark)}.toast.warning{background:#b45309}.toast.info{background:#1e40af}.app-layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.app-sidebar{width:220px;min-width:220px;background:var(--sidebar);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.mobile-topbar{display:none}.mobile-logo{color:#fff;font-weight:800;font-size:16px;display:none;align-items:center;gap:8px}.mobile-cart-btn{background:#ffffff1f;border:none;border-radius:12px;color:#fff;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;display:none;align-items:center;gap:6px;min-height:40px;transition:background .15s,transform .1s}.mobile-cart-btn:active{transform:scale(.96);background:#fff3}.mobile-cart-badge{background:var(--green);color:#fff;border-radius:20px;font-size:11px;font-weight:800;padding:2px 8px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--sidebar);border-top:1px solid rgba(255,255,255,.08);padding-bottom:var(--safe-bottom);box-shadow:0 -4px 20px #00000026}.mobile-nav-inner{display:flex;height:var(--mobile-nav-h);align-items:stretch}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--sidebar-text);font-size:10.5px;font-weight:600;transition:color .15s;position:relative;padding:6px 2px}.mobile-nav-btn.active{color:#fff}.mobile-nav-btn:active{opacity:.6}.mobile-nav-btn .mnb-icon-wrap{display:flex;align-items:center;justify-content:center;width:38px;height:26px;border-radius:14px;transition:background .2s}.mobile-nav-btn.active .mnb-icon-wrap{background:#ffffff24}.mobile-nav-btn .mnb-icon{font-size:18px;line-height:1}.mobile-nav-badge{position:absolute;top:2px;right:calc(50% - 20px);background:var(--red);color:#fff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:8px;min-width:15px;text-align:center;line-height:1.4}.mobile-nav-badge.green{background:var(--green)}.page-wrap{height:100%;display:flex;flex-direction:column;overflow:hidden}.page-topbar{padding:14px 20px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.page-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:14px 20px}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.search-box{display:flex;align-items:center;gap:8px;background:#f5f4f0;border:1px solid var(--border);border-radius:var(--r);padding:9px 12px;min-height:40px}.search-box input{background:none;border:none;font-size:13px;color:var(--text);min-width:0;flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111a8c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.modal-box{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);overflow:hidden;max-height:88vh;display:flex;flex-direction:column;width:100%}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:#f0eeea;border:none;font-size:19px;cursor:pointer;color:var(--text2);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:background .15s}.modal-close-btn:active{background:#e0ddd6}.sheet-handle{display:none}.card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border)}.topbar-title{flex:1;min-width:0}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qty-stepper{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap}.qty-quick-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.cart-item-row{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #f5f4f0}.sess-row{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;transition:background .12s}.sess-row:active{background:#faf9f6}.sess-detail-row{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 68px}.stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-wrap{padding:24px;max-width:560px}.form-footer{flex-shrink:0;padding:14px 20px;padding-bottom:calc(14px + var(--safe-bottom));background:var(--white);border-top:1px solid var(--border);box-shadow:0 -6px 16px #1018280d;max-width:560px;width:100%}.pill-row{display:flex;gap:6px;flex-wrap:wrap}@media (max-width:768px){html{font-size:15px}.app-sidebar{display:none}.mobile-topbar{display:flex}.mobile-nav{display:block}.app-main{padding-bottom:calc(var(--mobile-nav-h) + var(--safe-bottom))}.page-topbar{padding:12px 14px;gap:8px;flex-wrap:wrap}.page-scroll{padding:14px}.form-wrap{padding:16px;max-width:100%}.form-footer{padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));max-width:100%}.prod-grid{grid-template-columns:repeat(2,1fr);gap:10px}.modal-overlay{align-items:flex-end;padding:0}.modal-overlay .modal-box{border-radius:22px 22px 0 0;width:100%!important;max-width:100%!important;max-height:calc(92vh - var(--safe-top));animation:slideUpFull .28s cubic-bezier(.32,.72,0,1);padding-bottom:var(--safe-bottom)}.modal-overlay .sheet-handle{display:flex;justify-content:center;padding:10px 0 4px;flex-shrink:0}.modal-overlay .sheet-handle span{width:38px;height:4px;border-radius:4px;background:#e2dfd8}.topbar-search{width:100%!important;order:3;flex-basis:100%}.topbar-actions{width:100%;justify-content:space-between}.desktop-cart-btn{display:none!important}.toast-wrap{bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + 12px);right:12px;left:12px}.toast{max-width:100%}.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.stats-grid-2,.field-row-2,.modal-box .field-row-2{grid-template-columns:1fr!important}.cart-item-row{padding:11px 16px;gap:8px}.sess-row{padding:12px 14px}.sess-detail-row{padding:9px 14px 9px 50px}.pill-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;margin:0 -14px;padding-left:14px;padding-right:14px}.pill-row::-webkit-scrollbar{display:none}.pill-row button{flex-shrink:0}input,select,textarea{font-size:16px!important}.input-base{font-size:16px}button{min-height:38px}.btn-primary,.btn-secondary,.btn-danger{min-height:48px;font-size:15px}h1,.page-title{font-size:17px!important}}@media (max-width:480px){.stats-grid-4{grid-template-columns:1fr 1fr}.qty-stepper button{min-width:36px;height:36px!important;font-size:12.5px!important}.prod-grid{grid-template-columns:1fr 1fr;gap:8px}.page-topbar{padding:10px 12px}.page-scroll{padding:12px}.mobile-topbar{padding-left:12px;padding-right:12px}}@media (max-width:360px){.prod-grid{gap:7px}.mobile-nav-btn{font-size:9.5px}.mobile-nav-btn .mnb-icon{font-size:17px}}@media (max-width:900px) and (max-height:420px) and (orientation:landscape){.mobile-nav{display:none}.app-main{padding-bottom:0}.modal-overlay .modal-box{max-height:96vh}}