html{font-size:13px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9696964d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#96969680}body{font-size:13px;line-height:1.5;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font-family:Inter,system-ui,sans-serif;outline:none;font-size:12px}input::placeholder,textarea::placeholder{opacity:.5}@keyframes up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:767px){.scroll-fade-hint{position:relative}.scroll-fade-hint:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;pointer-events:none;background:linear-gradient(to right,transparent,var(--scroll-fade-bg, rgba(0,0,0,.06)));border-radius:0 12px 12px 0;z-index:2;opacity:.7}}@keyframes right{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:none}}@keyframes scl{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2.5);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 16px #d9770620}50%{box-shadow:0 0 40px #d9770655}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.91)}to{opacity:1;transform:scale(1)}}@keyframes centeredIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(18px) scale(.94)}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes navPill{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes navDrawerUp{0%{opacity:0;transform:translate(-50%) translateY(22px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes accentSlide{0%{width:0;opacity:0}to{width:3px;opacity:1}}@keyframes highlightRow{0%{background-color:#dc262629}to{background-color:transparent}}@keyframes plSpin{to{transform:rotate(360deg)}}@keyframes plSpinReverse{to{transform:rotate(-360deg)}}@keyframes plCorePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.6);opacity:.6}}@keyframes plGlowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes plLetterIn{to{opacity:1;transform:translateY(0)}}@keyframes plLineExpand{to{width:120px}}.skeleton{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.09) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.9s ease-in-out infinite;border-radius:8px}.skeleton-light{background:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.045) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.9s ease-in-out infinite;border-radius:8px}.glass-card{-webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);transition:border-color .2s,box-shadow .3s,transform .28s ease-out}.glass-card:hover{box-shadow:0 12px 40px #00000024}.frosted{-webkit-backdrop-filter:blur(32px) saturate(220%);backdrop-filter:blur(32px) saturate(220%)}.tap{cursor:pointer;transition:transform .1s cubic-bezier(.16,1,.3,1),opacity .1s,box-shadow .1s,filter .1s;border:none;background:none;padding:0}.tap:hover{transform:translateY(-1px)}.tap:active{transform:translateY(1px) scale(.98)!important;opacity:.96!important;filter:brightness(.94)!important;box-shadow:none!important}.lift{transition:transform .28s ease-out,box-shadow .28s}.lift:hover{box-shadow:0 8px 30px #00000014}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff17;opacity:0;transition:opacity .28s}.ripple:active:after{opacity:1;transition:none}button,a{transition:transform .2s,opacity .2s,background .2s,color .2s,box-shadow .2s}button:hover,a:hover{opacity:.92}button:focus-visible,a:focus-visible{outline:2px solid #d97706;outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:none;cursor:pointer;font-weight:700;letter-spacing:.1px;font-family:Inter,system-ui,sans-serif;border-radius:12px;padding:12px 20px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px #dc262659;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,opacity .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px #dc262673}.btn-primary:active{transform:translateY(1px) scale(.98)!important;box-shadow:0 2px 6px #dc26262e!important}.btn-ghost{background:transparent;border:1.5px solid rgba(220,38,38,.3);color:#d97706;cursor:pointer;font-weight:700;font-family:Inter,system-ui,sans-serif;border-radius:12px;padding:11px 18px;font-size:13px;transition:background .2s,border-color .2s,transform .2s}.btn-ghost:hover{background:#dc262614;border-color:#dc26268c;transform:translateY(-1px)}.card-hover{transition:border-color .2s,box-shadow .28s,transform .28s ease-out}.card-hover:hover{box-shadow:0 10px 36px #dc262621}.stat-glow{transition:transform .28s ease-out,box-shadow .28s}.stat-glow:hover{box-shadow:0 12px 40px #dc26262e}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;animation:slideUp .4s ease-out both}.empty-state-orb{width:80px;height:80px;border-radius:26px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:34px}.empty-state h3{font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;font-family:Inter,system-ui,sans-serif}.empty-state p{font-size:13px;line-height:1.7;max-width:260px;margin-bottom:24px}.sidebar-group-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;width:100%;border-radius:12px;cursor:pointer;border:none;text-align:left;background:transparent;font-size:12px;font-weight:700;font-family:Inter,system-ui,sans-serif;letter-spacing:.1px;transition:background .15s,color .15s;position:relative}.sidebar-group-btn:hover{background:#dc262612}.sidebar-chevron{margin-left:auto;transition:transform .24s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;opacity:.5}.sidebar-group-open .sidebar-chevron{transform:rotate(90deg)}.sidebar-children{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s;max-height:0;opacity:0}.sidebar-children.open{max-height:600px;opacity:1}.sidebar-child-btn{display:flex;align-items:center;gap:9px;padding:9px 12px 9px 44px;width:100%;border-radius:10px;cursor:pointer;border:none;text-align:left;font-size:12.5px;font-family:Inter,system-ui,sans-serif;font-weight:600;transition:background .14s,color .14s;position:relative}.sidebar-child-btn.active{font-weight:800}.sidebar-active-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;animation:accentSlide .2s ease both}.tab-pill{padding:7px 15px;border-radius:10px;font-size:12px;font-weight:700;font-family:Inter,system-ui,sans-serif;cursor:pointer;border:none;transition:background .18s,color .18s,transform .18s,box-shadow .18s;letter-spacing:.1px;white-space:nowrap}.tab-pill.active{color:#fff;box-shadow:0 4px 14px #dc262659;transform:translateY(-1px)}.tab-pill:not(.active){background:transparent;color:inherit;opacity:.7}.tab-pill:not(.active):hover{opacity:1;background:#dc262612;transform:translateY(-1px)}input:focus,textarea:focus,select:focus{outline:none}input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #dc262638!important}.page-header-glow{position:relative}.page-header-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d97706,#F59E0B,transparent);border-radius:0 0 4px 4px;opacity:.8}.screen-enter{animation:none;overflow-x:hidden}body{overflow-x:hidden}table{min-width:0}.table-scroll{overflow-x:auto}img,video{max-width:100%;height:auto}.section-accent{border-left:3px solid var(--accent, #d97706);padding-left:10px;border-radius:0 4px 4px 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:99px;font-size:11px;font-weight:700;font-family:Inter,system-ui,sans-serif;letter-spacing:.2px}.gradient-text{background:linear-gradient(135deg,#d97706,#f59e0b,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sheet-enter{animation:sheetUp .2s ease-out both}.modal-enter{animation:modalIn .15s ease-out both}.pop-enter{animation:popIn .15s ease-out both}.page-enter{animation:none}.stagger>*{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.09s}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.15s}.stagger>*:nth-child(6){animation-delay:.18s}.stagger>*:nth-child(7){animation-delay:.21s}.stagger>*:nth-child(8){animation-delay:.24s}.stagger>*:nth-child(9){animation-delay:.27s}.stagger>*:nth-child(10){animation-delay:.3s}.highlight-new{animation:highlightRow 1.6s ease both}:focus-visible{outline:2px solid #d97706;outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton,.skeleton-light{animation:none!important}}button,a,[role=button],select,label[for],input[type=checkbox],input[type=radio],.tap,.lift,.glass-card{cursor:pointer}@media(max-width:767px){.glass-card,.frosted{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass-card:hover,.card-hover:hover,.stat-glow:hover,.lift:hover{transform:none!important}.btn-primary{box-shadow:0 4px 12px #dc262640}.btn-primary:hover{transform:none;box-shadow:0 4px 12px #dc262640}.glow-anim{animation:none!important}.mobile-nav,[style*="position: fixed"],[style*="position: sticky"]{will-change:transform;transform:translateZ(0)}html{font-size:11.5px!important}.app-scroll-container{padding-bottom:calc(75px + env(safe-area-inset-bottom,0px))!important}.order-stats-bar,.product-stats-bar{display:flex!important;overflow-x:auto!important;padding-bottom:8px!important;margin-bottom:-8px!important;scroll-snap-type:x mandatory}.order-stats-bar>div,.product-stats-bar>div{min-width:140px;flex:0 0 auto;scroll-snap-align:start}.order-stats-bar::-webkit-scrollbar,.product-stats-bar::-webkit-scrollbar{display:none}.modal-sheet-content{width:calc(100% - 24px)!important;max-width:100%!important;margin:0 auto!important;border-radius:18px!important}.drawer-right{width:100%!important;max-width:100%!important}.page-header-container{padding-left:16px!important;padding-right:16px!important}.stats-overview-grid{grid-template-columns:1fr!important}.staff-grid-header,.staff-grid-row{grid-template-columns:1fr!important;gap:6px!important}.bulk-bar{overflow-x:auto!important;flex-wrap:nowrap!important}.bulk-bar::-webkit-scrollbar{display:none}table{font-size:12px}}