html{font-size:13px;scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.3) transparent}*,*: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;transition:background-color .3s ease,color .3s ease}input,button,textarea,select{font-family:Inter,system-ui,sans-serif;outline:none;font-size:12px}*:focus-visible{outline:2px solid var(--accent-color, #10B981)!important;outline-offset:2px!important}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}@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(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 16px var(--accent-color-lo,#d9770620)}50%{box-shadow:0 0 40px var(--accent-color-mid,#d9770655)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@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:var(--accent-color-mid,rgba(217,119,6,.22));transform:scale(1.008)}40%{background-color:var(--accent-color-lo,rgba(217,119,6,.1));transform:scale(1)}to{background-color:transparent;transform:scale(1)}}@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,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-light{background:linear-gradient(90deg,#00000009 25%,#00000014,#00000009 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-kpi{height:110px;border-radius:18px}.skeleton-chart{height:200px;border-radius:16px}.skeleton-row{height:56px;border-radius:14px;margin-bottom:8px}.skeleton-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0}.skeleton-badge{width:64px;height:22px;border-radius:99px}.onboarding-checklist{border-radius:20px;overflow:hidden;animation:slideUp .4s ease both}.onboarding-progress{height:4px;border-radius:99px;overflow:hidden;transition:width .6s cubic-bezier(.16,1,.3,1)}.checklist-step{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:background .15s,transform .15s}.checklist-step:hover{transform:translate(4px)}[dir=rtl] .checklist-step:hover{transform:translate(-4px)}.checklist-step.done{opacity:.55}.checklist-step.done .step-label{text-decoration:line-through}.step-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:900;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.attention-panel{border-radius:18px;overflow:hidden;animation:slideUp .45s ease both}.attention-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;cursor:pointer;transition:background .15s,transform .15s}.attention-item:hover{transform:translate(2px)}[dir=rtl] .attention-item:hover{transform:translate(-2px)}.attention-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:dotPulse 2s ease infinite}.attention-dot.critical{background:#ef4444}.attention-dot.warning{background:#f59e0b}.attention-dot.info{background:#3b82f6}.glass-card{-webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);transition:border-color .2s,box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:0 12px 40px #00000024;transform:translateY(-2px)}.frosted{-webkit-backdrop-filter:blur(32px) saturate(220%);backdrop-filter:blur(32px) saturate(220%)}.tap{cursor:pointer;transition:transform .1s cubic-bezier(.25,.8,.25,1),opacity .1s,box-shadow .1s,filter .1s;border:none;background:none;padding:0;will-change:transform}.tap:hover{transform:translateY(-1.5px)}.tap:not([disabled]):active{transform:translateY(.5px) scale(.955);opacity:.9!important;filter:brightness(.92)!important;box-shadow:none!important}.lift{transition:box-shadow .28s}.lift:not([disabled]):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:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-color, #d97706);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--accent-color, #d97706),var(--accent-color-end, var(--accent-color, #F59E0B)));color:var(--accent-btn-text, #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 var(--accent-color-mid, rgba(217,119,6,.35));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 var(--accent-color-mid, rgba(217,119,6,.45))}.btn-primary:active{transform:translateY(1px) scale(.98)!important;box-shadow:0 2px 6px var(--accent-color-lo, rgba(217,119,6,.18))!important}.btn-ghost{background:transparent;border:1.5px solid var(--accent-color-mid, rgba(217,119,6,.3));color:var(--accent-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:var(--accent-color-lo, rgba(217,119,6,.08));border-color:var(--accent-color-mid, rgba(217,119,6,.55));transform:translateY(-1px)}.card-hover{transition:border-color .2s,box-shadow .28s,transform .28s ease-out}.card-hover:hover{box-shadow:0 10px 36px var(--accent-color-lo, rgba(217,119,6,.13))}.stat-glow{transition:transform .28s ease-out,box-shadow .28s}.stat-glow:hover{box-shadow:0 12px 40px var(--accent-color-lo, rgba(217,119,6,.18))}.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:var(--accent-color-lo, rgba(217,119,6,.07))}.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:var(--accent-btn-text, #fff);box-shadow:0 4px 14px var(--accent-color-mid, rgba(217,119,6,.35));transform:translateY(-1px)}.tab-pill:not(.active){background:transparent;color:inherit;opacity:.7}.tab-pill:not(.active):hover{opacity:1;background:var(--accent-color-lo, rgba(217,119,6,.07));transform:translateY(-1px)}input:focus,textarea:focus,select:focus{outline:none}input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--accent-color-mid, rgba(217, 119, 6,.22))!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,var(--accent-color, #d97706),var(--accent-color-end, var(--accent-color, #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-color, #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,var(--accent-color, #d97706) 0%,var(--accent-color-end, #F59E0B) 60%,var(--accent-color-mid, #06B6D4) 100%);-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 var(--accent-color, #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 var(--accent-color-lo, rgba(217,119,6,.25))}.btn-primary:hover{transform:none;box-shadow:0 4px 12px var(--accent-color-lo, rgba(217,119,6,.25))}.glow-anim{animation:none!important}.mobile-nav,[style*="position: fixed"],[style*="position: sticky"]{will-change:transform;transform:translateZ(0)}html{font-size:13px!important}input,button,textarea,select{font-size:16px!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}}[dir=rtl] .sidebar-active-bar{left:auto;right:0;border-radius:3px 0 0 3px}[dir=rtl] .page-header-glow:before{background:linear-gradient(270deg,var(--accent-color, #d97706),var(--accent-color-lo, #F59E0B),transparent)}[dir=rtl] .section-accent{border-left:none;border-right:3px solid var(--accent-color, #d97706);padding-left:0;padding-right:10px;border-radius:4px 0 0 4px}@media(min-width:768px){[dir=rtl] .desktop-sidebar{left:auto!important;right:0!important}[dir=rtl] .app-content{margin-left:0!important;margin-right:240px!important;max-width:calc(100% - 240px)!important}}[dir=rtl] .sidebar-chevron{margin-left:0;margin-right:auto}@keyframes btn-ripple-animation{to{transform:scale(4);opacity:0}}.btn-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:btn-ripple-animation .6s ease-out;background:#ffffff4d;pointer-events:none}.row-hover-td{position:relative}.row-date-text{transition:opacity .2s ease}.row-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%) translate(10px);display:flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}tr:hover .row-actions{opacity:1!important;transform:translateY(-50%) translate(0)!important;pointer-events:auto!important}tr:hover .row-date-text{opacity:.15}@media(max-width:500px){.responsive-alert-card{flex-direction:column!important;align-items:stretch!important;text-align:center;gap:12px!important}.responsive-alert-card button{width:100%!important}.responsive-alert-card div{justify-content:center!important}}@media print{.mobile-nav,.desktop-sidebar,.btn-primary,.btn-ghost,button[onclick*=print],.page-header-glow:before,.onboarding-checklist,.attention-panel{display:none!important}.app-content{margin-left:0!important;max-width:100%!important}body,#app-shell,.app-content{background:#fff!important;color:#111!important}.glass-card,.frosted{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;box-shadow:none!important;border:1px solid #ddd!important}*{box-shadow:none!important;text-shadow:none!important}.card-hover,.stat-glow{border:1px solid #eee!important}h1,h2,h3{page-break-after:avoid}table,img,svg{page-break-inside:avoid}}.premium-merchant-card{perspective:1000px;transform-style:preserve-3d;will-change:transform,box-shadow;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.premium-merchant-card:hover{transform:translateY(-6px) rotateX(3deg) rotateY(-1.5deg) scale(1.005);box-shadow:0 30px 70px #00000040,inset 0 1px #fff3!important}.premium-merchant-card .card-inner{transform:translateZ(20px)}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-particle{position:absolute;top:-20px;will-change:transform,opacity;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards}@keyframes dragGridSlide{0%{background-position:0 0}to{background-position:28px 28px}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes segmentPop{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.segment-active{animation:segmentPop .25s cubic-bezier(.34,1.56,.64,1) forwards}.provider-card-premium{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease!important;will-change:transform,box-shadow}.provider-card-premium:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 30px #00000014,0 2px 4px #00000005!important}.provider-card-premium:active{transform:translateY(-1px) scale(.995)}@keyframes glareSweep{0%{left:-150%}50%{left:-150%}to{left:150%}}.glare-container{position:relative;overflow:hidden}.glare-container:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.13),transparent);transform:skew(-25deg);pointer-events:none}.provider-card-premium:hover:after{animation:glareSweep 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes zoomUp{0%{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.zoom-up{animation:zoomUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes walletGlare{0%{transform:translate(-250%) skew(-25deg)}to{transform:translate(350%) skew(-25deg)}}.premium-merchant-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.08) 58%,transparent 65%);animation:walletGlare 4.5s cubic-bezier(.4,0,.2,1) 1.2s infinite}@keyframes balanceGlow{0%,to{text-shadow:0 0 8px rgba(255,255,255,.15)}50%{text-shadow:0 0 22px rgba(255,255,255,.35)}}.balance-value{animation:balanceGlow 3s ease-in-out infinite}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 3px var(--ring-color, #F59E0B))}50%{filter:drop-shadow(0 0 10px var(--ring-color, #F59E0B))}}.days-ring-glow{animation:ringGlow 2.5s ease-in-out infinite}@keyframes prorationFill{0%{width:0%}}.proration-bar{animation:prorationFill 1s cubic-bezier(.16,1,.3,1) .3s both}