.install-app-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .2s ease,background .2s ease}.install-app-button:hover{opacity:.75;background:#0e2b630f}.install-app-button:active{cursor:grabbing;opacity:.5}.install-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;padding-bottom:calc(16px + var(--nav-bar-clearance));animation:installFadeIn .25s ease-out}@keyframes installFadeIn{0%{opacity:0}to{opacity:1}}.install-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000047;animation:installPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes installPopIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.install-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 0}.install-modal-heading{display:flex;align-items:flex-start;gap:14px}.install-modal-badge{flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:#fff4e0;display:flex;align-items:center;justify-content:center}.install-modal-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ef7d00;margin-bottom:3px}.install-modal-title{margin:0;font-size:24px;line-height:1.15;font-weight:800;color:var(--text-primary)}.install-modal-close{flex:0 0 auto;width:40px;height:40px;border-radius:11px;border:2px solid var(--brand-grad2);background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease}.install-modal-close:hover{background:var(--bg-secondary)}.install-modal-close:active{opacity:.7}.install-modal-body{flex:1;overflow-y:auto;padding:20px 22px}.install-modal-description{margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--text-secondary)}.install-modal-primary{width:100%;padding:15px;border:none;border-radius:13px;background:linear-gradient(135deg,var(--brand-grad2) 0%,var(--brand-grad1) 100%);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s ease,transform .2s ease;margin-bottom:10px}.install-modal-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.install-modal-primary:active:not(:disabled){transform:translateY(0)}.install-modal-primary:disabled{opacity:.6;cursor:wait}.install-modal-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.install-steps-headline{margin:0 0 14px;font-family:Montserrat-SemiBold,sans-serif;font-size:15px;color:var(--text-primary)}.install-step{display:flex;align-items:flex-start;gap:14px}.install-step-number{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--brand-muted);color:var(--brand-primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.install-step-text{margin:0;font-size:15px;line-height:1.55;color:var(--text-primary)}.install-step-text strong{font-weight:700}.install-inline{display:inline-flex;align-items:center;gap:5px;background:var(--bg-secondary);border-radius:6px;padding:1px 7px;margin:0 1px;white-space:nowrap}.install-modal-hint{display:flex;align-items:flex-start;gap:8px;margin:0;font-family:Montserrat-Regular,sans-serif;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.install-modal-hint svg{flex:0 0 auto;margin-top:2px;color:var(--brand-grad2)}.install-modal-note{display:flex;align-items:flex-start;gap:10px;background:var(--bg-secondary);border:1px solid var(--ui-disabled);border-radius:12px;padding:13px 14px;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:20px}.install-modal-note-warning{background:var(--bg-tertiary);border-color:#e08a00}.install-modal-note-warning svg{color:#e08a00}.install-modal-note svg{flex:0 0 auto;margin-top:1px;color:var(--brand-grad2)}.install-modal-note strong{color:var(--text-primary)}.install-modal-footer{display:flex;gap:12px;padding:16px 22px 22px}.install-modal-ghost,.install-modal-outline{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s ease,background .2s ease}.install-modal-ghost{background:var(--bg-secondary);border:1px solid var(--ui-disabled);color:var(--text-primary)}.install-modal-ghost:hover{background:var(--ui-disabled)}.install-modal-outline{background:#fff;border:2px solid var(--brand-grad2);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;gap:8px}.install-modal-outline:hover{background:var(--bg-secondary)}.install-modal-ghost:active,.install-modal-outline:active{opacity:.75}@media(max-width:400px){.install-modal-overlay{padding:10px;padding-bottom:calc(10px + var(--nav-bar-clearance))}.install-modal{border-radius:16px}.install-modal-title{font-size:21px}.install-modal-header,.install-modal-body,.install-modal-footer{padding-left:18px;padding-right:18px}}.app-toast-stack{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;align-items:center;gap:10px;width:calc(100% - 32px);max-width:480px;pointer-events:none}.app-toast{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;background:var(--brand-primary);color:#fff;font-family:Montserrat-SemiBold,sans-serif;font-size:14px;line-height:1.4;box-shadow:0 8px 24px #0e2b6347;border-left:4px solid var(--brand-secondary);pointer-events:auto;animation:toastIn .28s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.app-toast-icon{flex:0 0 auto}.app-toast-success{border-left-color:#2f9e44}.app-toast-error{border-left-color:#ff6b6b}.app-toast-message{flex:1;white-space:pre-line}.app-toast-close{flex:0 0 auto;background:transparent;border:none;color:#ffffffbf;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease,background .2s ease}.app-toast-close:hover{color:#fff;background:#ffffff1f}.app-toast-close:active{opacity:.7}.app-toast-action{flex:0 0 auto;background:#ffffff2e;border:1px solid rgba(255,255,255,.55);color:#fff;font-family:Montserrat-SemiBold,sans-serif;font-size:12.5px;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;padding:6px 12px;border-radius:999px;transition:background .2s ease}.app-toast-action:hover{background:#ffffff4d}.app-toast-action:active{opacity:.8}@media(max-width:420px){.app-toast-stack{top:10px;width:calc(100% - 24px)}.app-toast{font-size:13px;padding:12px 14px}}.ptr-host{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;overscroll-behavior:contain}.ptr-indicator{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;z-index:30}.ptr-arrow{display:flex;align-items:center;justify-content:center;color:var(--brand-grad2);will-change:transform}.ptr-content{min-height:100%}.ptr-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.ptr-arrow{will-change:auto}}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Montserrat-SemiBold;src:url(/assets/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Montserrat-Bold;src:url(/assets/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--brand-primary: #0e2b63;--brand-secondary: #00b1ea;--brand-muted: #c6daf7;--brand-grad1: #0e2b63;--brand-grad2: #1c57c9;--brand-gray: #131313;--ui-primary: #ef7d00;--ui-secondary: #000000;--ui-disabled: #dedede;--ui-error: #e62582;--ui-success: #138000;--bg-primary: #ffffff;--bg-secondary: #f1f1f1;--bg-tertiary: #fff9eb;--text-primary: #262626;--text-secondary: #2d394e;--text-disabled: #9c9c9c;--text-inverse: #ffffff;--gold: #dda201;--tab-active: #ef7d00;--tab-inactive: #004f9e;--row-a: #f5fbfe;--row-b: #fff9eb;--header-height: 60px;--header-icon-size: 30px;--gutter: 16px;--tab-bar-height: 56px;--long-bar-height: 8px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--status-bar-bg: #0e2b63;--nav-bar-clearance: max(var(--safe-bottom), 20px);--table-min-height: 480px;--table-body-max: 500px;--table-max-height: calc(var(--table-header-height) + var(--table-body-max));--table-header-height: 60px}.offline-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.offline-gate-card{width:100%;max-width:360px;padding:28px 24px 24px;border-radius:14px;border:1px solid var(--ui-disabled);background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;box-shadow:0 12px 32px #0e2b631f}.offline-gate-icon{display:flex;width:64px;height:64px;border-radius:50%;align-items:center;justify-content:center;background:#0e2b630f}.offline-gate-title{font-family:Montserrat-SemiBold,sans-serif;font-size:19px;color:var(--brand-gray)}.offline-gate-body{font-family:Montserrat-Regular,sans-serif;font-size:14px;line-height:1.6;color:var(--text-secondary)}.offline-gate-button{margin-top:8px;display:flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;background:linear-gradient(90deg,var(--brand-grad1),var(--brand-grad2));color:#fff;font-family:Montserrat-SemiBold,sans-serif;font-size:14px;cursor:pointer;transition:opacity .2s ease}.offline-gate-button:hover{opacity:.92}.offline-gate-button:active{opacity:.8}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}#root{width:100%}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:#e8ecf3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}input{font-family:inherit;border:none;outline:none;touch-action:manipulation}img{display:block;max-width:100%}.app-shell{position:relative;width:100%;height:100vh;height:100dvh;margin:0 auto;background:linear-gradient(var(--status-bar-bg) 0 var(--safe-top),var(--bg-primary) var(--safe-top));padding-top:var(--safe-top);overflow:hidden;display:flex;flex-direction:column}@media(min-width:768px){body{background:linear-gradient(135deg,#dfe6f2,#c9d4e8)}.app-shell{border-left:1px solid #d5dce8;border-right:1px solid #d5dce8;box-shadow:0 0 48px #0e2b6324}}.app-loading{flex:1;display:flex;justify-content:center;align-items:center;background:var(--bg-primary)}.spinner{width:24px;height:24px;border:3px solid var(--brand-muted);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:40px;height:40px;border-width:4px}.spinner-small{width:18px;height:18px;border-width:2px}.spinner-white{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.screen{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;position:relative;padding-bottom:24px}.screen>.model-scroll,.screen>.history-scroll,.screen>.signin-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);height:var(--header-height);gap:8px;flex-shrink:0}.header-logo{height:40px;width:40px;object-fit:contain}.logo-button,.logout-button{display:flex;align-items:center;justify-content:center;padding:4px}.logo-button,.back-button,.logout-button{width:40px;height:40px;flex:0 0 40px;padding:0}.back-button{display:flex;align-items:center;justify-content:center}.header-icon{width:var(--header-icon-size);height:var(--header-icon-size);padding-right:4px;flex:0 0 auto}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 40px;width:40px;gap:8px}.header-title{flex:1;text-align:center;font-family:Montserrat-SemiBold,sans-serif;font-size:18px;color:var(--brand-gray);margin:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-line{height:1px;background:var(--brand-grad1);flex-shrink:0}.long-bar{position:absolute;bottom:0;left:0;width:100%;height:var(--long-bar-height);object-fit:cover;z-index:60;pointer-events:none}.long-bar-with-tabs{bottom:calc(var(--tab-bar-height) + var(--safe-bottom))}.tab-layout{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.tab-layout>div,.tab-layout>.screen{flex:1;min-height:0}.tab-bar{position:absolute;bottom:0;left:0;right:0;height:calc(var(--tab-bar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;background:var(--bg-primary);z-index:50}.tab-item{flex:1;height:var(--tab-bar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;padding:4px 0}.tab-active{color:var(--tab-active)}.tab-inactive{color:var(--tab-inactive)}.tab-label{font-family:Montserrat,sans-serif;white-space:nowrap}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);height:var(--header-height);gap:8px;flex-shrink:0}.landing-header-left{display:flex;align-items:center;gap:16px;height:var(--header-height);min-width:0;flex:1}.landing-logo{height:40px;width:40px;object-fit:contain}.landing-header-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.landing-greeting{font-size:12px;font-family:Montserrat,sans-serif}.landing-name{color:var(--brand-gray);font-size:14px;margin-top:2px;font-family:Montserrat-SemiBold,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.landing-scroll{padding:10px var(--gutter) 32px}.period-controls{display:flex;flex-direction:column}.period-controls .dropdown{width:100%}.orientation-landscape .period-controls{flex-direction:row;margin-top:16px;align-items:flex-start}.period-label{margin-top:10px;margin-bottom:0;font-family:Montserrat-SemiBold,sans-serif;font-size:16px;color:var(--text-secondary);align-self:center}@media(max-width:768px){.period-label{align-self:flex-start}.customer-dropdown .dropdown-wrapper{display:flex;flex-direction:column;align-items:center}.customer-dropdown .dropdown,.customer-dropdown .dropdown-trigger,.customer-dropdown .input-tag{width:100%!important}.gradient-container{align-self:center;width:100%;flex-shrink:0}}.loader-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:var(--bg-primary);padding-bottom:32px}.loader-logo{width:40px;height:40px;object-fit:contain}.no-data-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 16px 32px;min-height:300px}.no-data-image{width:200px;height:200px;object-fit:contain;margin-bottom:24px}.no-data-message{font-size:18px;font-family:Montserrat-SemiBold,sans-serif;color:var(--ui-secondary);text-align:center;margin-bottom:16px}.home-loading{padding:24px 24px 48px;display:flex;flex-direction:column;align-items:center;gap:16px}.table-wrapper{width:fit-content;max-width:100%}.model-empty{text-align:center;padding:0 24px;max-width:420px}.model-empty-title{font-family:Montserrat-SemiBold,sans-serif;font-size:18px;color:var(--brand-gray);margin-bottom:10px}.model-empty-message{font-family:Montserrat-Regular,sans-serif;font-size:14px;line-height:1.6;color:var(--text-secondary)}.orientation-landscape .model-empty-title{font-size:20px}.home-boxes{padding:0;margin-top:16px;display:flex;flex-direction:column;gap:12px}.home-box-row{display:flex}.home-box-wrap{flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:120px;padding:8px}.orientation-landscape .home-box-wrap{height:240px}.home-box-image{width:100%;height:100%;object-fit:contain}.orientation-landscape .home-box-image{height:100%}.home-box-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.home-box-number{font-size:16px;font-family:Montserrat-Bold,sans-serif;color:#fff}.orientation-landscape .home-box-number{font-size:24px}.table-section-label{padding-bottom:16px;margin-top:16px;font-family:Montserrat-Bold,sans-serif;font-weight:700;font-size:20px}.table-flex{display:flex;width:100%}.table-scroll-vertical{display:table;width:100%}.table-scroll-horizontal{flex:0 0 auto;width:max-content;height:100%;max-height:var(--table-max-height);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}.table-scroll-horizontal::-webkit-scrollbar{width:0;height:0}.table-scroll-vertical>.gradient-header{display:table-header-group;position:sticky;top:0;z-index:5}.gradient-header>.table-header{height:var(--table-header-height)}.gradient-header>.table-header>.table-cell>.table-title{max-height:calc(var(--table-header-height) - 10px);overflow:hidden}.table-label-column>.gradient-header{position:sticky;top:0;z-index:6}.table-flex{display:flex;width:fit-content;max-width:100%;overflow-x:auto;overflow-y:clip}.table-label-column{position:sticky;left:0;z-index:7;background:var(--bg-primary);flex-shrink:0;height:100%;max-height:var(--table-max-height);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.table-scroll-vertical,.table-label-column{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.table-scroll-vertical .input-box,.table-label-column .input-box{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.label-scroller{overflow:visible}.gradient-header{background:transparent;min-height:var(--table-header-height)}.gradient-header-bg{flex:1}.table-header{display:table-row;background-color:transparent;padding:0}.table-title{color:#fff;font-family:Montserrat-Bold,sans-serif;font-size:12px;text-align:center;white-space:pre-line;line-height:1.2}.table-row{display:table-row}.table-cell{display:table-cell;text-align:center;vertical-align:middle;padding:8px 6px;font-family:Montserrat,sans-serif;font-size:13px;white-space:nowrap;border:none}.table-scroll-vertical .table-cell{min-width:90px}.cell-wrap{flex-wrap:wrap;word-break:break-word;text-align:center}.table-label-column .table-cell,.table-label-column .table-title{text-align:left}.table-body{display:table-row-group;background-color:#fff}.input-box{text-align:center;border:1px solid var(--ui-secondary);border-radius:4px;padding:16px;font-family:Montserrat-Bold,sans-serif;width:80px;font-size:13px;color:var(--text-primary)}.input-box:focus{border-color:var(--brand-grad2)}.payout-tab{position:relative;width:90%;align-self:flex-start;border-radius:8px;overflow:hidden;margin-top:4px;margin-bottom:10px;min-height:110px;flex-shrink:0}.orientation-landscape .payout-tab{align-self:flex-start;margin-left:0;margin-bottom:8px}@media(max-width:768px){.payout-tab,.orientation-landscape .payout-tab{align-self:center;margin-left:auto;margin-right:auto}}.payout-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.payout-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:160px}.payout-data{color:var(--text-inverse);margin:5px;font-family:Montserrat-Bold,sans-serif;font-size:12px;display:flex;align-items:center;gap:4px}.payout-icon{align-self:center}.model-controls{display:flex;justify-content:space-between;margin-left:var(--gutter);margin-right:var(--gutter);position:relative;z-index:10}.model-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;overscroll-behavior:contain;padding-bottom:32px;padding-left:var(--gutter);padding-right:var(--gutter)}.model-scroll>.payout-tab,.model-scroll>.table-header-row,.history-scroll>.history-top-row,.history-scroll>.payout-tab,.history-scroll>.table-title-text{flex-shrink:0}.table-header-row{display:flex;align-items:center;justify-content:space-between;padding-right:16px}.table-title-text{color:var(--brand-gray);font-size:20px;padding-left:0;font-family:Montserrat-Bold,sans-serif;margin-top:8px;padding-bottom:16px}.clear-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:8px;margin-top:8px;margin-bottom:8px;background:var(--gold);width:100px}.clear-button:disabled{background:var(--ui-disabled);cursor:not-allowed}.clear-button:disabled .clear-button-text{color:var(--text-secondary)}.clear-button-text{color:#fff;font-family:Montserrat-Bold,sans-serif;font-size:16px;margin-left:8px}.table-container{flex:1;min-height:var(--table-min-height);display:flex;justify-content:flex-start;width:100%}.calculate-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:8px;margin:8px;background:var(--gold);width:150px}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(4px + var(--safe-bottom));padding-left:13px;padding-right:4px;flex-shrink:0}.pagination-container.single-table{justify-content:flex-end}.pagination-dot{width:8px;height:8px;border-radius:4px;background:#ddd;margin:0 4px}.pagination-dot.active{background:#000}.pagination-circles{display:flex;gap:4px}.navigation-button{padding:8px;background:#ddd;border-radius:4px;margin:0 10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:36px}.navigation-button.disabled{opacity:.3}.navigation-button-text{font-size:16px;line-height:1.2;color:#000}.navigation-button.disabled .navigation-button-text{color:#999}.kpi-container{display:flex;flex-direction:column;padding:8px;min-width:90%}.kpi-row{display:flex;align-items:center;padding:8px 0}.kpi-label{color:var(--brand-primary);font-family:Montserrat-SemiBold,sans-serif;flex:1}.kpi-switch-container{display:flex;align-items:center;flex:2;justify-content:flex-end}.kpi-switch{width:44px;height:24px;border-radius:12px;background:var(--brand-muted);position:relative;transition:background .2s;margin-right:16px}.kpi-switch-on{background:#4caf50}.kpi-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.kpi-switch-on .kpi-switch-thumb{transform:translate(20px);background:var(--ui-success)}.kpi-switch-label{color:var(--brand-primary);font-family:Montserrat-SemiBold,sans-serif}.customer-dropdown{display:flex;flex-direction:column;gap:24px;padding:20px var(--gutter) 56px;flex:1;overscroll-behavior:contain}.orientation-landscape .customer-dropdown{align-items:center;padding-top:24px}.dropdown-wrapper{position:relative;margin-bottom:4px}.dropdown-label{align-self:flex-start;margin-bottom:8px;font-family:Montserrat-SemiBold,sans-serif;font-size:16px;color:var(--text-secondary);display:block}.input-tag{height:50px;border-radius:8px;border:1px solid var(--brand-grad2);background:var(--bg-primary);padding-left:24px;font-family:Montserrat-SemiBold,sans-serif;font-size:14px;width:83%}.loader-center{position:absolute;align-self:center;top:50%}.customer-notice{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:10px;border-left:4px solid var(--brand-secondary);background:#f2f8fe;font-family:Montserrat-Regular,sans-serif;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.customer-notice-warning{border-left-color:#e08a00;background:var(--bg-tertiary)}.customer-notice-icon{display:flex;flex:0 0 auto;color:var(--brand-secondary)}.customer-notice-warning .customer-notice-icon{color:#e08a00}.customer-notice-text strong{font-family:Montserrat-SemiBold,sans-serif;color:var(--text-primary)}.customer-notice-slot{width:100%;display:flex;flex-direction:column}.app-shell .install-app-button{position:absolute;bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + 24px);right:16px;z-index:900;width:52px;height:52px;padding:0;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0003}.orientation-landscape .customer-notice{max-width:760px}.reload-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-primary);position:relative;padding-bottom:32px}.dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1px solid var(--brand-grad2);border-radius:8px;padding:0 12px;font-family:Montserrat,sans-serif;font-size:14px;color:var(--text-primary);cursor:pointer;text-align:left}.dropdown-disabled{opacity:.5;cursor:not-allowed}.dropdown-open{border-color:var(--brand-grad1)}.dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder{color:var(--text-disabled)}.dropdown-caret{flex-shrink:0;transition:transform .2s}.dropdown-open .dropdown-caret{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:9999;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden}.dropdown-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #eee}.dropdown-search-icon{color:var(--text-disabled);flex-shrink:0}.dropdown-search-input{flex:1;border:none;outline:none;font-family:Montserrat,sans-serif;font-size:14px;padding:4px 0}.dropdown-list{overflow-y:auto;flex:1;min-height:0;max-height:300px}.dropdown-item{display:flex;align-items:center;width:100%;padding:6px 12px;text-align:left;font-size:14px;color:var(--text-primary);background:#fff;cursor:pointer}.dropdown-item:hover{background:#f5f7fa}.dropdown-item-selected{background:#eef4ff}.dropdown-item-label{flex:1}.dropdown-item-check{color:var(--brand-grad2);flex-shrink:0}.dropdown-empty{padding:16px;text-align:center;color:var(--text-disabled);font-size:14px}.band-group-label{font-family:Montserrat-Bold,sans-serif;color:var(--brand-primary);font-size:15px;padding:6px 8px;background:var(--bg-primary);position:sticky;top:0;z-index:1}.band-item{display:flex;align-items:center;padding:0 8px}.band-item-text{font-family:Montserrat,sans-serif;color:var(--brand-primary);font-size:16px}.history-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;overscroll-behavior:contain;padding-bottom:32px;padding-left:var(--gutter);padding-right:var(--gutter)}.history-top-row{display:flex;justify-content:space-between;padding:0;align-items:center}@media(min-width:768px){.history-top-row,.table-header-row,.model-controls{max-width:40vw}}.period-container{display:flex;align-items:center;align-self:center;margin:8px 0;padding:8px;border-radius:8px;background:#f5f7fa;gap:8px}.period-icon{width:40px;height:40px;border-radius:20px;background:var(--brand-primary);display:flex;justify-content:center;align-items:center;margin-right:8px}.period-type-text{color:var(--brand-gray);font-family:Montserrat-SemiBold,sans-serif;font-size:13px;display:block}.period-text{color:var(--brand-gray);font-family:Montserrat-Bold,sans-serif;font-size:18px;margin-top:2px;display:block}.simulate-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;margin-left:8px;margin-top:24px;margin-bottom:16px;background:var(--gold);width:150px}.simulate-button-text{color:#fff;font-family:Montserrat-Bold,sans-serif;font-size:16px;margin-left:16px}.inline-notice{width:100%;max-width:560px;margin:0 auto;padding:14px 16px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--ui-disabled)}.inline-notice-title{font-family:Montserrat-SemiBold,sans-serif;font-size:15px;color:var(--text-primary);margin-bottom:4px}.inline-notice-body{font-family:Montserrat-Regular,sans-serif;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.inline-notice-action{margin-top:12px;padding:9px 18px;border-radius:999px;background:var(--brand-primary);color:#fff;font-family:Montserrat-SemiBold,sans-serif;font-size:13px;cursor:pointer;transition:opacity .2s ease}.inline-notice-action:hover{opacity:.9}.inline-notice-action:active{opacity:.75}.orientation-landscape .inline-notice{max-width:760px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:100}.logout-modal{width:300px;border-radius:20px;padding:35px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000040}.orientation-landscape .logout-modal{width:700px}.logout-icon{margin-bottom:16px}.logout-text{margin-bottom:24px;margin-top:16px;text-align:center;color:#fff;font-size:18px;font-family:Montserrat-SemiBold,sans-serif}.logout-buttons{display:flex;gap:8px;justify-content:space-between;width:100%}.logout-yes,.logout-no{border-radius:10px;padding:16px;flex:1;text-align:center;color:var(--text-inverse);font-family:Montserrat-SemiBold,sans-serif;font-size:16px}.logout-yes,.logout-no{margin-right:4px}.onboarding-screen{position:relative;padding-bottom:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.onboarding-bg{position:relative;flex:1 1 auto;min-height:96px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.onboarding-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.onboarding-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.onboarding-bg .floating-logo{position:relative;z-index:2}.onboarding-card{position:relative;flex-shrink:0;background:#fff;border-top-left-radius:40px;border-top-right-radius:40px;width:100%;align-self:center;margin-top:-32px;padding:12px 20px calc(16px + var(--nav-bar-clearance));z-index:3}.orientation-landscape .onboarding-card{width:83%;margin-top:0;padding:16px 24px calc(16px + var(--nav-bar-clearance))}.orientation-landscape .onboarding-bg{min-height:48px}.orientation-landscape .onboarding-card .gradient-container{margin-top:8px}.orientation-landscape .onboarding-title{font-size:16px;padding:0}.orientation-landscape .onboarding-text{font-size:14px;margin:10px 16px 0}.onboarding-title{color:var(--brand-gray);text-align:center;font-size:18px;padding:0;font-family:Montserrat-SemiBold,sans-serif}.onboarding-text{text-align:center;font-size:16px;margin:14px 16px 0;align-self:center;line-height:1.5;color:var(--text-primary)}.signin-screen{position:relative}.signin-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:32px;overscroll-behavior:contain}.top-ellipse{position:absolute;top:0;right:0;z-index:1;width:60px;height:auto}.floating-logo{position:relative;align-self:flex-start;height:40px;width:40px;object-fit:contain;top:16px;margin-bottom:24px}.signin-container{display:flex;flex-direction:column;justify-content:center;gap:16px;padding-left:24px;padding-right:24px}.signin-welcome{color:var(--brand-primary);font-size:20px;font-family:Montserrat-Bold,sans-serif;margin-top:40px}.recaptcha{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0;min-height:78px;overflow:hidden}.recaptcha>div{transform-origin:center}.recaptcha-error{color:var(--brand-primary);font-size:12px;text-align:center;margin:0}.orientation-landscape .signin-welcome{margin-top:32px}.reset-title{margin-bottom:8px}.signin-subtitle{color:var(--brand-gray);font-size:16px;margin-bottom:24px;font-family:Montserrat,sans-serif;white-space:pre-line}.orientation-landscape .signin-subtitle{margin-bottom:4px}.input-wrapper{display:flex;align-items:center;border:1px solid var(--brand-grad2);border-radius:4px;background:var(--bg-primary);height:40px;padding:0 8px;margin-top:8px;margin-bottom:8px}.input-icon{flex-shrink:0}.text-input{flex:1;height:100%;padding:0 8px;font-size:14px;color:var(--ui-secondary);background:transparent;min-width:0}.text-input::placeholder{color:#b5b5b5}.eye-button{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-secondary);flex-shrink:0}.error-text{color:var(--ui-error);padding:4px;font-family:Montserrat,sans-serif;text-align:left;font-size:14px}.back-to-signin{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:8px;margin-top:8px;font-size:16px;font-family:Montserrat-SemiBold,sans-serif;color:var(--ui-primary);padding:8px 0}.reset-field{margin-bottom:8px}.reset-label{font-family:Montserrat-SemiBold,sans-serif;font-size:14px;display:block;margin-bottom:4px}.password-hint{font-family:Montserrat,sans-serif;font-size:11px;width:77%;margin-top:2px;color:var(--ui-primary);line-height:1.4}.gradient-container{display:flex;justify-content:center;align-items:center;border-radius:40px;height:60px;margin-top:16px;padding:0 24px;width:83%}.gradient-container-2{width:77%}.align-center{align-self:center;margin-left:auto;margin-right:auto}.align-flex-start{align-self:flex-start}.gradient-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;font-family:Montserrat-Bold,sans-serif;font-size:16px}.gradient-button:disabled{cursor:not-allowed}.gradient-button-text{color:#fff;text-align:center;font-family:Montserrat-Bold,sans-serif}.top-customers-table{width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.orientation-landscape .no-data-image{width:100px;height:100px;margin-bottom:4px}.orientation-landscape .no-data-message{margin-bottom:8px}.orientation-landscape .gradient-container,.orientation-landscape .gradient-container-2,.orientation-landscape .password-hint{width:67%}.orientation-landscape .logout-yes,.orientation-landscape .logout-no{width:55.6%}.orientation-landscape .input-tag{width:67%}.orientation-landscape .kpi-container{min-width:100%}.orientation-landscape .table-wrapper{max-width:95%}.orientation-landscape .home-boxes{padding:0}.orientation-landscape .period-controls .dropdown{width:33%}.orientation-landscape .model-controls .dropdown{width:50%}.orientation-landscape .customer-dropdown .dropdown-wrapper{width:100%}@media(max-width:420px){.recaptcha{transform:scale(.82);margin:-6px 0;min-height:64px}.model-controls{flex-wrap:wrap}.pagination-container{padding-left:8px}.table-title-text{font-size:18px;padding-left:0}.history-top-row{flex-wrap:wrap;gap:8px;padding-right:10px}.simulate-button{margin-left:0;margin-top:0;margin-bottom:0;width:auto}.calculate-button{width:120px}.calculate-button .clear-button-text{font-size:14px}.table-cell{padding:6px 4px;font-size:12px}.table-label-column .table-cell{padding-left:8px;padding-right:4px}}@media(min-width:768px){.table-cell,.input-box{font-size:14px}.table-title{font-size:13px}.dropdown-trigger,.dropdown-item,.dropdown-search-input,.dropdown-empty{font-size:15px}.tab-label{font-size:14px}.table-container{width:100%;padding:0}.period-controls{margin:0 auto;width:100%}.model-controls{width:100%}.kpi-container{max-width:560px;margin:0 auto;width:100%}.home-boxes{padding:0;max-width:720px;margin:0 auto;width:100%}.table-wrapper{max-width:100%;width:fit-content}.home-box-wrap{height:150px}.home-box-image{height:100%}.home-box-number{font-size:19px}.payout-tab{max-width:560px}.period-controls{flex-direction:row;align-items:center;gap:12px}.period-controls .dropdown{width:33%}.period-label{margin-top:0;padding-bottom:8px}.customer-dropdown{max-width:560px}.signin-container{max-width:480px;margin:0 auto;width:100%}.onboarding-card{max-width:560px}}@media(min-width:1280px){.table-cell,.input-box{font-size:15px}.home-box-wrap{height:170px}.home-box-image{height:100%}.home-box-number{font-size:21px}}@media(min-width:768px){.app-shell .home-box-wrap{height:150px}.app-shell .home-box-image{height:100%}.app-shell .home-box-number{font-size:19px}.app-shell .home-boxes{padding:0}.app-shell .table-wrapper{max-width:100%}.app-shell .gradient-container-2,.app-shell .password-hint{width:77%}.app-shell .logout-modal{width:300px}.app-shell .logout-yes,.app-shell .logout-no{width:auto}}@media(min-width:1280px){.app-shell .home-box-wrap{height:170px}.app-shell .home-box-image{height:100%}.app-shell .home-box-number{font-size:21px}}.tab-layout>.screen{padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--long-bar-height) + 8px)}.idle-logout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0e2b6373}.idle-logout-card{background:#fff;border-radius:12px;padding:28px 24px 20px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;box-shadow:0 12px 32px #0e2b6340}.idle-logout-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0e2b6314}.idle-logout-title{margin:0;font-family:Montserrat-Bold,sans-serif;font-size:18px;color:var(--brand-gray)}.idle-logout-text{margin:0;font-family:Montserrat,sans-serif;font-size:14px;color:var(--brand-gray);line-height:1.5}.idle-logout-primary{margin-top:6px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(90deg,#0e2b63,#1c57c9);color:#fff;font-family:Montserrat-SemiBold,sans-serif;font-size:15px;cursor:pointer}.idle-logout-secondary{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:8px 4px;color:var(--brand-gray);font-family:Montserrat,sans-serif;font-size:13px;cursor:pointer}