@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-\[50px\]{height:50px}.h-\[68px\]{height:68px}.h-\[88px\]{height:88px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[50px\]{width:50px}.w-\[68px\]{width:68px}.w-\[88px\]{width:88px}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-tl-full{border-top-left-radius:3.40282e38px}.rounded-b-\[40px\]{border-bottom-right-radius:40px;border-bottom-left-radius:40px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#087a4b\]{border-color:#087a4b}.bg-\[\#0ea5e9\]{background-color:#0ea5e9}.bg-\[\#3b82f6\]{background-color:#3b82f6}.bg-\[\#10b981\]{background-color:#10b981}.bg-\[\#087a4b\]{background-color:#087a4b}.bg-\[\#d97706\]{background-color:#d97706}.bg-\[\#e6f4fe\]{background-color:#e6f4fe}.bg-\[\#e8faee\]{background-color:#e8faee}.bg-\[\#e9f8f0\]{background-color:#e9f8f0}.bg-\[\#eafbf3\]{background-color:#eafbf3}.bg-\[\#f4ebff\]{background-color:#f4ebff}.bg-\[\#f59e0b\]{background-color:#f59e0b}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#eefaf3\]{--tw-gradient-from:#eefaf3;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#e6f7ec\]{--tw-gradient-to:#e6f7ec;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-\[12px\]{padding:12px}.pb-\[100px\]{padding-bottom:100px}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.text-\[\#10b981\]{color:#10b981}.text-\[\#087a4b\]{color:#087a4b}.text-\[\#2563eb\]{color:#2563eb}.text-\[\#9333ea\]{color:#9333ea}.text-\[\#facc15\]{color:#facc15}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow-\[0_8px_20px_rgba\(8\,122\,75\,0\.25\)\]{--tw-shadow:0 8px 20px var(--tw-shadow-color,#087a4b40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\[\#0a7a46\]:hover{background-color:#0a7a46}.hover\:text-\[\#087a4b\]:hover{color:#087a4b}.hover\:underline:hover{text-decoration-line:underline}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.95\]:active{scale:.95}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}*{box-sizing:border-box}:root{color:#162235;font-synthesis:none;--bg:#f3f7fb;--surface:#fff;--surface-alt:#f7faff;--border:#cfdaea;--text:#162235;--muted:#617086;--primary:#5145d7;--primary-soft:#eeedff;--green:#087a4b;--green-soft:#e9f8f0;--pink:#c72c6c;--pink-soft:#fdebf3;--blue:#0876a9;--blue-soft:#e8f5fb;--amber:#a86100;--amber-soft:#fff5dc;--danger:#c43745;--danger-soft:#ffedef;--shadow:0 8px 24px #2b487014;background:#f3f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.theme-green{--primary:var(--green);--primary-soft:var(--green-soft)}:root[data-theme=dark],body.dark{--bg:#10131a;--surface:#191e28;--surface-alt:#151922;--border:#323b4b;--text:#f4f6fb;--muted:#a8b2c3;--primary:#9b92ff;--primary-soft:#282545;--green:#47cd8e;--green-soft:#183328;--pink:#ff7cad;--pink-soft:#3b2030;--blue:#62c8ef;--blue-soft:#173241;--amber:#ffc05c;--amber-soft:#392e1b;--danger:#ff7f8b;--danger-soft:#3d2328;--shadow:0 10px 28px #0000003d}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 25%,transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0}.button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button{border-radius:7px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.primary{background:var(--primary);color:#fff}.button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.button.scan-qr-action{color:#fff;background:#0d73e8;font-weight:850;box-shadow:0 4px 12px #0d73e838}.button.scan-qr-action:hover:not(:disabled){background:#075fc4}.button.whatsapp{color:#fff;background:#087f42}.success-button{background:var(--green);color:#fff}.danger-button{background:var(--danger);color:#fff}.whatsapp-button{color:#fff;background:#087f42}.full-button{width:100%}.icon-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:7px;flex:0 0 36px;padding:0}.icon-button svg{width:17px;height:17px}.danger-icon{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.danger-icon{border-color:color-mix(in srgb,var(--danger) 34%,var(--border))}}.danger-icon{background:var(--danger-soft)}.whatsapp-icon{color:var(--green);background:var(--green-soft)}.boot-screen{background:var(--bg);place-content:center;gap:16px;min-height:100vh;display:grid}.root-crash-state{text-align:center;color:var(--muted);justify-items:center;padding:28px}.root-crash-state strong{color:var(--text);font-size:18px}.boot-brand{color:var(--primary);font-size:28px;font-weight:800}.boot-brand span{color:var(--pink);font-size:13px}.boot-line{background:var(--border);width:180px;height:4px;position:relative;overflow:hidden}.boot-line:after{content:"";background:var(--primary);width:45%;animation:1s ease-in-out infinite boot;position:absolute;inset:0}@keyframes boot{0%{transform:translate(-100%)}to{transform:translate(300%)}}.login-screen{background:#eef5ff;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:#26337d;flex-direction:column;justify-content:center;padding:72px max(60px,8vw);display:flex}.login-brand{align-items:baseline;gap:9px;margin-bottom:54px;font-size:32px;font-weight:850;display:flex}.login-brand small{color:#ffd263;font-size:12px}.login-brand-panel h1{max-width:580px;margin-bottom:18px;font-size:44px;line-height:1.08}.login-brand-panel>p{color:#d8dff8;max-width:560px;font-size:16px;line-height:1.7}.login-features{gap:16px;margin-top:44px;display:grid}.login-features>div{color:#d8dff8;align-items:center;gap:13px;display:flex}.login-features svg{color:#ffd263}.login-features span{gap:3px;display:grid}.login-features strong{color:#fff}.login-form-panel{background:#f8fbff;place-items:center;padding:40px;display:grid}.login-form{color:#162235;background:#fff;border:1px solid #ccd8e8;border-radius:8px;gap:16px;width:min(420px,100%);padding:34px;display:grid;box-shadow:0 18px 50px #2943701f}.login-form h2{font-size:26px}.login-form>p{color:#66758b;margin-bottom:8px}.login-form label,.modal>label,.two-column-form label{color:#5b687b;gap:7px;font-size:12px;font-weight:700;display:grid}.login-form input,.modal input,.modal select{color:#162235;background:#fff;border:1px solid #c8d4e4;border-radius:7px;min-height:42px;padding:9px 11px}.login-button{width:100%;min-height:44px;margin-top:4px}.login-links{justify-content:center;gap:22px;margin-top:8px;display:flex}.login-links button{color:#5145d7;cursor:pointer;background:0 0;border:0;font-weight:700}.login-mobile-brand{display:none}.login-language{align-items:center;gap:7px;width:max-content;margin-left:auto;color:#5145d7!important;display:flex!important}.login-language select{color:#162235;background:#fff;border:1px solid #c8d4e4;border-radius:7px;min-height:34px;padding:5px 8px}.contact-link{color:var(--primary);align-items:center;gap:8px;margin-top:18px;font-weight:700;display:inline-flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:11px;min-width:0;display:flex}.brand{color:var(--primary);align-items:baseline;gap:6px;font-size:19px;font-weight:850;display:flex}.brand small{color:var(--pink);font-size:10px}.topbar-user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.role-pill{text-transform:capitalize;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}.role-pill.admin{background:var(--primary-soft);color:var(--primary)}.role-pill.merchant{background:var(--pink-soft);color:var(--pink)}.integration-health{border-right:1px solid var(--border);align-items:center;gap:9px;padding-right:12px;font-size:11px;font-weight:700;display:flex}.integration-health span{align-items:center;gap:5px;display:flex}.integration-health span:before,.status-dot{content:"";border-radius:50%;width:7px;height:7px;display:inline-block}.language-control{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);border-radius:7px;align-items:center;gap:3px;padding-left:8px;display:inline-flex}.language-control select{width:38px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:800}.online:before,.status-dot.online{background:#16a464}.offline:before{background:#d84c5b}.mobile-menu{display:none}.shell-body{min-height:calc(100vh - 60px);display:flex}.sidebar{background:var(--surface-alt);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex:0 0 224px;width:224px;height:calc(100vh - 60px);padding:18px 12px;display:flex;position:sticky;top:60px}.sidebar nav{gap:5px;display:grid}.sidebar nav a{min-height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;padding:9px 12px;font-size:13px;font-weight:650;display:flex}.sidebar nav a:hover{background:var(--surface);color:var(--text)}.sidebar nav a.active{background:var(--primary-soft);color:var(--primary)}.nav-badge{background:var(--danger);color:#fff;border-radius:10px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;display:grid}.notification-menu,.notification-button{position:relative}.notification-button>b{color:#fff;background:var(--danger);border-radius:10px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-5px;right:-5px}.notification-popover{z-index:90;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:3px;width:min(340px,100vw - 24px);padding:9px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 14px 35px #14182833}.notification-popover>strong{padding:7px 8px;font-size:13px}.notification-popover>p{color:var(--muted);padding:12px 8px;font-size:12px}.notification-popover a{color:var(--muted);border-radius:6px;gap:3px;padding:8px;font-size:11px;display:grid}.notification-popover a:hover,.notification-popover a.unread{background:var(--primary-soft);color:var(--text)}.notification-popover a:last-child{color:var(--primary);margin-top:3px;font-weight:800}.sidebar-foot{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:11px;display:flex}.sidebar-mobile-head,.sidebar-backdrop{display:none}.main-content{flex:1;min-width:0;max-width:1640px;padding:28px 30px 50px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.page-header h1{margin-bottom:5px;font-size:24px}.page-header p,.panel-heading p,.report-head p{color:var(--muted);font-size:13px;line-height:1.5}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panel,.table-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px}.panel{border-radius:8px;padding:20px}.table-panel{border-radius:8px;overflow:hidden}.panel-heading,.report-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2,.report-head h2,.quick-actions h2{margin-bottom:4px;font-size:16px}.panel-heading>svg{color:var(--primary)}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.segmented button{min-height:33px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:750}.segmented button.active{background:var(--primary);color:#fff}.segmented.compact button{min-height:29px;padding:5px 8px;font-size:11px}.date-fields{align-items:flex-end;gap:8px;display:flex}.date-fields label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:10px;font-weight:800;display:grid}.date-fields input{border:1px solid var(--border);height:36px;color:var(--text);background:var(--surface);border-radius:7px;padding:6px 9px}.metric-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:13px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--border);min-height:132px;box-shadow:var(--shadow);background:var(--surface);border-radius:8px;justify-content:space-between;gap:12px;padding:17px;display:flex}.metric-card>div{flex-direction:column;min-width:0;display:flex}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:750}.metric-card strong{overflow-wrap:anywhere;margin:11px 0 4px;font-size:25px;line-height:1.1}.metric-card small{color:var(--muted);font-size:11px}.metric-card>svg{width:20px;height:20px}.metric-card.violet{border-top:3px solid var(--primary)}.metric-card.violet>svg,.metric-card.violet strong{color:var(--primary)}.metric-card.green{border-top:3px solid var(--green)}.metric-card.green>svg,.metric-card.green strong{color:var(--green)}.metric-card.blue{border-top:3px solid var(--blue)}.metric-card.blue>svg,.metric-card.blue strong{color:var(--blue)}.metric-card.pink{border-top:3px solid var(--pink)}.metric-card.pink>svg,.metric-card.pink strong{color:var(--pink)}.report-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;display:grid}.report-grid>.panel{min-width:0}.report-head{align-items:center}.chart-scroll{width:100%;max-width:100%;padding-bottom:4px;overflow:auto hidden}.grouped-chart{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;height:230px;padding-top:20px;display:grid}.grouped-chart.daily-chart{gap:7px}.grouped-chart.daily-chart .chart-bars{gap:3px}.grouped-chart.daily-chart .chart-bar{width:min(38%,16px)}.grouped-chart.daily-chart .chart-group>span{white-space:nowrap}.chart-group{color:var(--muted);flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex}.chart-bars{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:7px;width:100%;height:190px;display:flex}.chart-bar{border-radius:4px 4px 0 0;width:min(32%,36px);min-height:4px}.chart-bar.orders,.chart-legend i.orders{background:var(--primary)}.chart-bar.revenue,.chart-legend i.revenue{background:var(--green)}.chart-legend{color:var(--muted);gap:16px;margin-top:12px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:9px;height:9px}.inline-loading{color:var(--muted);font-size:11px}.retention-total{margin:24px 0;display:grid}.retention-total strong{color:var(--green);font-size:38px}.retention-total span{color:var(--muted);font-size:12px}.retention-lifetime{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:18px;display:flex}.retention-lifetime svg{color:var(--blue)}.retention-lifetime span{color:var(--muted);font-size:12px}.retention-list{margin-top:12px;display:grid}.retention-list div{color:var(--muted);justify-content:space-between;padding:10px 0;display:flex}.retention-list strong{color:var(--text)}.quick-actions>div{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.quick-actions-top{border-left:3px solid var(--primary)}.scanner-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,.8fr);gap:18px;display:grid}.scanner-view{border:1px dashed var(--border);background:var(--surface-alt);border-radius:8px;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.qr-reader-host{width:100%;min-height:inherit;place-items:center;display:grid}.camera-off{pointer-events:none;position:absolute;inset:0}.scanner-view video{object-fit:cover}.camera-off,.scan-placeholder{color:var(--muted);text-align:center;justify-items:center;gap:8px;display:grid}.scanner-actions{gap:8px;margin-top:10px;display:flex}.scanner-message,.amount-rule{color:var(--muted);margin:8px 0 0;font-size:11px}.checkout-panel{border-left:1px solid var(--border);align-items:center;min-height:280px;padding-left:18px;display:grid}.verified-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.verified-title>svg{color:var(--green)}.verified-title h3{font-size:17px}.verified-title p,.balance-line{color:var(--muted);font-size:12px}.balance-line{margin:14px 0}.balance-line strong{color:var(--amber)}label{color:var(--muted);font-size:11px;font-weight:750}label>input,label>select,label>textarea,.phone-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:41px;color:var(--text);border-radius:7px;padding:9px 11px}label>input:focus,label>select:focus,label>textarea:focus,.phone-field input:focus{border-color:var(--primary);outline:0}label small{font-size:10px;font-weight:600}.customer-fields,.three-column-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.four-column-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.customer-fields label,.purchase-fields label,.three-column-form label,.four-column-form label,.settings-fields label,.merchant-select{gap:6px;display:grid}.phone-field{display:flex}.phone-field span{background:var(--surface-alt);border:1px solid var(--border);min-width:52px;color:var(--text);border-right:0;border-radius:7px 0 0 7px;place-items:center;font-weight:800;display:grid}.phone-field input{border-radius:0 7px 7px 0}.phone-registration-status{min-height:18px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.4}.phone-registration-status.existing{color:var(--amber)}.phone-registration-status.available{color:var(--green)}.purchase-fields{grid-template-columns:minmax(190px,1fr) minmax(140px,.5fr);align-items:end;gap:12px;display:grid}.registration-purchase{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.5fr) minmax(170px,.65fr);margin-top:18px}.amount-input{font-weight:850;border:2px solid var(--primary)!important;background:var(--primary-soft)!important;min-height:58px!important;padding:12px 15px!important;font-size:22px!important}.point-preview{border:1px solid var(--green);min-height:58px;padding:10px 13px}@supports (color:color-mix(in lab,red,red)){.point-preview{border:1px solid color-mix(in srgb,var(--green) 35%,var(--border))}}.point-preview{background:var(--green-soft);color:var(--green);border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.point-preview span{font-size:10px}.point-preview strong{font-size:17px}.merchant-select{max-width:420px;margin-top:14px}.form-actions,.result-actions,.modal-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.form-actions{border-top:1px solid var(--border);padding-top:16px}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:7px;padding:9px 11px;font-size:12px}.result-grid,.qr-modal-grid{grid-template-columns:250px 1fr;align-items:center;gap:24px;display:grid}.result-qr{color:var(--primary);justify-items:center;gap:6px;display:grid}.result-qr img{aspect-ratio:1;border:8px solid #fff;width:min(220px,100%);display:block;box-shadow:0 6px 18px #0000001f}.result-details h3{margin-bottom:5px;font-size:20px}.result-details>p{color:var(--muted);min-height:18px}.result-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.result-details dl div{gap:3px;display:grid}.result-details dt{color:var(--muted);text-transform:uppercase;font-size:10px}.result-details dd{margin:0;font-weight:750}.notification-row{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.list-toolbar{justify-content:center;margin-bottom:12px;display:flex}.search-field{border:1px solid var(--border);background:var(--surface);border-radius:9999px;align-items:center;gap:8px;width:min(360px,100%);height:40px;padding:0 16px;display:flex}.search-field svg{color:var(--muted)}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);text-transform:uppercase;white-space:nowrap;background:var(--surface-alt);border-bottom:1px solid var(--border);padding:11px 13px;font-size:10px}td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--muted);padding:12px 13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--primary-soft)}@supports (color:color-mix(in lab,red,red)){tbody tr:hover td{background:color-mix(in srgb,var(--primary-soft) 30%,transparent)}}td strong{color:var(--text)}td small,.order-number+small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.order-number{color:var(--primary)}.person-cell{align-items:center;gap:8px;min-width:150px;display:flex}.person-cell>span,.avatar{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:50%;flex:0 0 34px;place-items:center;font-weight:850;display:grid}.amount-column{min-width:145px}.amount-tag{font-size:13px}.points-text{color:var(--amber)!important}.tag{white-space:nowrap;border-radius:20px;align-items:center;width:max-content;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.tag.success{color:var(--green);background:var(--green-soft)}.tag.info{color:var(--blue);background:var(--blue-soft)}.tag.danger{color:var(--danger);background:var(--danger-soft)}.tag.violet{color:var(--primary);background:var(--primary-soft)}.tag.muted{color:var(--muted);background:var(--surface-alt)}.table-actions{gap:6px;display:flex}.pagination-bar{border-top:1px solid var(--border);min-height:54px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 13px;font-size:11px;display:flex}.pagination-bar>div{gap:6px;display:flex}.bottom-action{justify-content:flex-end;margin-top:16px;display:flex}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px;display:grid}.customer-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:17px}.customer-head{align-items:flex-start;gap:10px;display:flex}.customer-head>div{flex:1;min-width:0}.customer-head h3{font-size:15px}.customer-head strong{color:var(--primary);font-size:11px}.customer-head p{color:var(--muted);text-overflow:ellipsis;min-height:16px;font-size:11px;overflow:hidden}.qr-view-button{margin-left:auto}.customer-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0;display:grid}.customer-stats>div{text-align:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;gap:2px;padding:8px 5px;display:grid}.customer-stats strong{overflow-wrap:anywhere;font-size:13px}.customer-stats span{color:var(--muted);font-size:9px}.membership-list{border-top:1px solid var(--border);padding:8px 0}.membership-list>div{justify-content:space-between;align-items:center;gap:8px;padding:7px 0;display:flex}.membership-list span:first-child{gap:2px;font-size:11px;display:grid}.membership-list small{color:var(--muted);font-size:9px}.customer-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.customer-foot>div{gap:5px;display:flex}.customer-modal{width:min(720px,100vw - 28px)}.state-panel,.empty-state{min-height:150px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:10px;display:flex}.page-crash-state{text-align:center;flex-direction:column;min-height:260px;padding:28px}.page-crash-state strong{color:var(--text);font-size:18px}.state-panel.error-state{color:var(--danger);text-align:center;flex-direction:column;padding:24px}.empty-state{min-height:90px;box-shadow:none;border:0}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.merchant-form .button,.settings-panel .button{margin-top:2px}.table-note{color:var(--amber)}.merchant-metrics .metric-card{min-height:116px}.profile-customer-list{display:grid}.profile-customer{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) 90px 130px 90px;align-items:center;gap:12px;min-height:64px;padding:10px 0;display:grid}.profile-customer:last-child{border-bottom:0}.profile-customer>div,.profile-customer>span:not(.tag){gap:3px;display:grid}.profile-customer small{color:var(--muted);font-size:10px}.settings-fields{grid-template-columns:200px 200px minmax(200px,1fr);align-items:end;gap:14px;margin-bottom:16px;display:grid}.settings-example{background:var(--amber-soft);min-height:59px;color:var(--amber);border:1px solid var(--amber);border-radius:7px;align-content:center;justify-items:end;padding:10px 13px;display:grid}@supports (color:color-mix(in lab,red,red)){.settings-example{border:1px solid color-mix(in srgb,var(--amber) 30%,var(--border))}}.settings-example span{font-size:10px}.settings-example strong{font-size:17px}.merchant-setting{text-align:center;place-content:center;gap:7px;min-height:130px;display:grid}.merchant-setting strong{color:var(--amber);font-size:44px}.merchant-setting span{color:var(--muted)}.modal-backdrop{z-index:100;background:#090f1a9e;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(520px,100vw - 28px);max-height:calc(100vh - 28px);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000047}.modal h2{margin-bottom:6px;font-size:20px}.modal>p{color:var(--muted);margin-bottom:18px;line-height:1.55}.modal-close{position:absolute;top:13px;right:13px}.two-column-form{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:13px;display:grid}.modal>label{margin-bottom:12px}.modal-actions{justify-content:flex-end;margin-top:18px}.scanner-modal{width:min(1040px,100vw - 28px)}.scanner-modal .scanner-panel{box-shadow:none;border:0;margin:0;padding:0}.toast{z-index:200;color:#fff;border-radius:7px;max-width:min(420px,100vw - 40px);padding:11px 14px;font-size:12px;font-weight:700;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 35px #0000003d}.toast.success{background:#087a4b}.toast.error{background:#bd3140}.password-gate{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.password-card{background:var(--surface);border:1px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow);border-radius:8px;gap:15px;padding:30px;display:grid}.password-card-head{justify-content:space-between;align-items:center;display:flex}.password-lock{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.password-card h1{font-size:25px}.password-card>p,.password-help{color:var(--muted);line-height:1.5}.password-card label{gap:7px;display:grid}.password-brand{display:block}.offer-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.offer-toolbar .search-field{margin:0 auto}.offer-toolbar>select{border:1px solid var(--border);background:var(--surface);min-width:150px;min-height:40px;color:var(--text);border-radius:7px;padding:7px 10px}.offer-form-grid{grid-template-columns:minmax(0,1fr) 220px;gap:14px;margin-bottom:18px;display:grid}.offer-form-grid label{gap:7px;display:grid}.offer-description-field{grid-column:1/-1}.offer-description-field textarea{resize:vertical;min-height:120px}.offer-image-field{grid-column:1/-1}.offer-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px;margin-bottom:18px;display:grid}.offer-card{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.offer-image-wrap{aspect-ratio:16/9;background:var(--surface-alt);position:relative;overflow:hidden}.offer-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.offer-status{text-transform:capitalize;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #00000026}.offer-status.pending{color:var(--amber);background:var(--amber-soft)}.offer-status.approved{color:var(--green);background:var(--green-soft)}.offer-status.rejected{color:var(--danger);background:var(--danger-soft)}.offer-card-body{padding:17px}.offer-card-body h2{margin:5px 0 8px;font-size:17px}.offer-card-body>p{min-height:42px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.offer-merchant{color:var(--primary);font-weight:800}.offer-expiry{color:var(--muted);align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}.offer-rejection{border-left:3px solid var(--danger);background:var(--danger-soft);color:var(--danger);gap:4px;margin-top:12px;padding:10px;font-size:11px;display:grid}.offer-actions{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.campaign-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.campaign-summary>div{border:1px solid var(--border);background:var(--surface-alt);border-radius:6px;gap:2px;min-width:0;padding:7px;display:grid}.campaign-summary span{color:var(--muted);text-transform:uppercase;font-size:8px}.campaign-summary strong{color:var(--text);overflow-wrap:anywhere;text-transform:capitalize;font-size:10px}.campaign-summary .campaign-failure{border-color:var(--danger);grid-column:1/-1}@supports (color:color-mix(in lab,red,red)){.campaign-summary .campaign-failure{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.campaign-summary .campaign-failure{background:var(--danger-soft)}.campaign-summary .campaign-failure span,.campaign-summary .campaign-failure strong{color:var(--danger);text-transform:none}.reject-offer-modal textarea{resize:vertical;min-height:110px}.customer-orders-action{color:var(--blue);border-color:var(--blue)}@supports (color:color-mix(in lab,red,red)){.customer-orders-action{border-color:color-mix(in srgb,var(--blue) 35%,var(--border))}}.customer-orders-action{background:var(--blue-soft)}.product-form-panel{margin-bottom:16px}.form-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.form-heading h2{font-size:17px}.form-heading p{color:var(--muted);margin-top:4px;font-size:12px}.product-form-grid{grid-template-columns:minmax(0,1fr) 180px;gap:14px;display:grid}.product-form-grid label{color:var(--muted);gap:7px;font-size:12px;font-weight:750;display:grid}.product-description{grid-column:1/-1}.product-description textarea{resize:vertical;min-height:92px}.product-active{grid-column:1/-1;align-items:center;gap:8px;display:flex!important}.product-active input{width:16px;height:16px}.product-form-grid .form-actions{grid-column:1/-1}.customer-order-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.customer-order-toolbar .search-field{margin:0 auto}.customer-order-toolbar select,.customer-orders-table select{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:7px;padding:7px 9px}.customer-order-items{gap:3px;min-width:190px;font-size:11px;display:grid}.customer-order-items span{color:var(--muted)}.customer-order-help{border:1px solid var(--blue);align-items:center;gap:9px;margin-top:15px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.customer-order-help{border:1px solid color-mix(in srgb,var(--blue) 30%,var(--border))}}.customer-order-help{color:var(--blue);background:var(--blue-soft);border-radius:8px;font-size:12px}.customer-order-help svg:last-child{margin-left:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.credentials-modal{width:min(620px,100vw - 28px)}.credential-delivery{border-radius:7px;padding:10px 12px;font-weight:750}.credential-delivery.success{color:var(--green);background:var(--green-soft)}.credential-delivery.error{color:var(--danger);background:var(--danger-soft)}.credential-row{border-bottom:1px solid var(--border);grid-template-columns:150px minmax(0,1fr) 36px;align-items:center;gap:10px;min-height:62px;display:grid}.credential-row span{color:var(--muted);font-size:11px}.credential-row strong{overflow-wrap:anywhere}.credential-row.sensitive strong{color:var(--primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.credentials-modal>.button{margin-top:18px}@media(max-width:1080px){.metric-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.report-grid{grid-template-columns:1fr}.four-column-form{grid-template-columns:repeat(2,1fr)}.registration-purchase{grid-template-columns:minmax(220px,1fr) minmax(150px,.5fr)}.registration-purchase .point-preview{grid-column:1/-1;align-items:flex-start}}@media(max-width:820px){.login-screen{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:24px}.login-mobile-brand{color:#5145d7;font-size:24px;font-weight:850;display:block}.login-mobile-brand span{color:#c72c6c;font-size:11px}.mobile-menu{display:inline-flex}.sidebar{height:100vh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-102%);box-shadow:12px 0 35px #0003}.sidebar.open{transform:translate(0)}.sidebar-mobile-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sidebar-backdrop{z-index:29;background:#050a1485;border:0;display:block;position:fixed;inset:0}.main-content{padding:24px 20px 45px}.topbar-user,.integration-health{display:none}.scanner-grid,.result-grid,.qr-modal-grid{grid-template-columns:1fr}.checkout-panel{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.customer-fields,.three-column-form{grid-template-columns:1fr}.profile-customer{grid-template-columns:1fr 70px 110px}.profile-customer>.tag{grid-column:1/-1}.settings-fields{grid-template-columns:1fr 1fr}.settings-example{grid-column:1/-1;place-items:start}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.topbar{padding:0 12px}.topbar-right{gap:6px}.signout{width:36px;padding:0;font-size:0}.role-pill{display:none}.main-content{padding:20px 12px 40px}.page-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:125px;padding:14px}.metric-card strong{font-size:20px}.segmented{width:100%;overflow-x:auto}.segmented button{flex:1;padding:6px 9px}.date-fields{width:100%}.date-fields label{flex:1}.report-head{flex-direction:column;align-items:stretch}.grouped-chart{gap:5px;height:210px}.chart-bars{gap:4px;height:170px}.grouped-chart.daily-chart .chart-group>span{font-size:9px}.scanner-view{min-height:230px}.purchase-fields,.registration-purchase{grid-template-columns:1fr}.registration-purchase .point-preview{grid-column:auto}.point-preview{align-items:flex-start}.four-column-form,.settings-fields,.two-column-form,.customer-grid{grid-template-columns:1fr}.customer-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.result-details dl{grid-template-columns:1fr}.profile-customer{grid-template-columns:1fr 1fr}.profile-customer>div{grid-column:1/-1}.profile-customer>.tag{grid-column:auto}.language-control{padding-left:5px}.offer-form-grid,.offer-grid{grid-template-columns:1fr}.offer-description-field,.offer-image-field{grid-column:auto}.offer-toolbar{flex-direction:column;align-items:stretch}.offer-toolbar .search-field{margin-left:0}.credential-row{grid-template-columns:1fr 36px;padding:10px 0}.credential-row span{grid-column:1/-1}.product-form-grid{grid-template-columns:1fr}.customer-order-toolbar{flex-direction:column;align-items:stretch}.customer-order-toolbar .search-field{width:100%;margin-left:0}}@media(max-width:820px){.topbar{display:none}.main-content{padding:0 0 80px}.page-header{display:none!important}}.mobile-dashboard-wrapper{background-color:#f7f9fc;min-height:100vh;padding-bottom:70px}.mobile-topbar{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-topbar-brand{color:#3b28cc;letter-spacing:1px;font-size:20px;font-weight:800}.mobile-greeting{background-color:#fff;padding:12px 20px 24px}.mobile-greeting h1{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:700}.mobile-greeting p{color:#6b7280;font-size:14px}.mobile-main-action{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#4f32e6,#7a42f5);border:none;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 40px);margin:-10px 20px 20px;padding:24px 20px;display:flex;box-shadow:0 10px 20px #4f32e633}.mobile-main-action-content{align-items:center;gap:16px;display:flex}.mobile-main-action-icon{background:#fff3;border-radius:12px;place-items:center;padding:12px;display:grid}.mobile-main-action-icon svg{width:32px;height:32px}.mobile-main-action-text h2{color:#fff;margin:0;font-size:20px;font-weight:700}.mobile-main-action-text p{opacity:.9;margin:0;font-size:13px}.mobile-sub-action{color:#1a1a1a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin:0 20px 24px;padding:16px;text-decoration:none;display:flex}.mobile-sub-action-text{align-items:center;gap:12px;display:flex}.mobile-sub-action-text p{color:#64748b;margin:0;font-size:12px}.mobile-sub-action-text strong{color:#3b28cc;font-size:14px;font-weight:600;display:block}.mobile-section{margin:0 20px 24px}.mobile-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-section-header h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:700}.mobile-section-header a,.mobile-section-header button{color:#3b28cc;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:none}.mobile-summary-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mobile-summary-card{border-radius:12px;flex-direction:column;gap:4px;padding:14px 12px;display:flex;box-shadow:0 4px 12px #00000005}.mobile-summary-card.sales{background:#fff;border:1px solid #f1f5f9}.mobile-summary-card.customers{background:#fbfdff;border:1px solid #eff6ff}.mobile-summary-card.rewards{background:#fffcf8;border:1px solid #fff7ed}.mobile-summary-card-icon{align-items:center;margin-bottom:8px;display:flex}.mobile-summary-card.sales .mobile-summary-card-icon{color:#16a34a}.mobile-summary-card.customers .mobile-summary-card-icon{color:#2563eb}.mobile-summary-card.rewards .mobile-summary-card-icon{color:#f59e0b}.mobile-summary-card p{color:#475569;margin:0;font-size:12px;font-weight:500}.mobile-summary-card strong{color:#0f172a;white-space:nowrap;letter-spacing:-.3px;margin:0;font-size:16px;font-weight:800}.mobile-summary-card small{color:#64748b;white-space:nowrap;margin:0;font-size:11px}.mobile-quick-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 20px 24px;display:grid}.mobile-quick-action{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.mobile-quick-action-icon{border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 12px #0000000d}.mobile-quick-action:first-child .mobile-quick-action-icon{color:#fff;background:#5a3ce1}.mobile-quick-action:nth-child(2) .mobile-quick-action-icon{color:#fff;background:#1d4ed8}.mobile-quick-action:nth-child(3) .mobile-quick-action-icon{color:#fff;background:#16a34a}.mobile-quick-action:nth-child(4) .mobile-quick-action-icon{color:#fff;background:#f97316}.mobile-quick-action span{color:#475569;text-align:center;font-size:10px;font-weight:650;line-height:1.2}.mobile-transactions{background:#fff;border-radius:16px;margin-bottom:24px;padding:0;box-shadow:0 2px 12px #00000008}.mobile-transaction-item{border-bottom:1px solid #f1f5f9;align-items:center;padding:16px;display:flex}.mobile-transaction-item:last-child{border-bottom:none}.mobile-transaction-avatar{border-radius:50%;place-items:center;width:40px;height:40px;margin-right:12px;font-size:14px;font-weight:700;display:grid}.mobile-transaction-avatar.green{color:#166534;background:#dcfce7}.mobile-transaction-avatar.pink{color:#9d174d;background:#fce7f3}.mobile-transaction-avatar.blue{color:#1e40af;background:#dbeafe}.mobile-transaction-info{flex:1}.mobile-transaction-info h4{color:#1a1a1a;margin:0 0 4px;font-size:14px;font-weight:600}.mobile-transaction-info p{color:#64748b;margin:0;font-size:12px}.mobile-transaction-amount{text-align:right}.mobile-transaction-amount strong{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.mobile-transaction-amount span{color:#16a34a;font-size:12px;font-weight:600;display:block}.mobile-bottom-nav{z-index:50;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;padding:12px 0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.mobile-bottom-nav-item.active{color:#3b28cc}.mobile-bottom-nav-item svg{width:22px;height:22px}.mobile-panel{background:#fff;border-radius:16px;margin:0 20px 24px;padding:20px;box-shadow:0 2px 12px #00000008}.mobile-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mobile-panel-header h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:700}.mobile-dropdown{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.mobile-rewards-summary{gap:16px;display:grid}.mobile-rewards-summary-item{justify-content:space-between;align-items:center;display:flex}.mobile-rewards-summary-item span{color:#475569;font-size:14px}.mobile-rewards-summary-item strong{color:#1a1a1a;font-size:14px;font-weight:700}.mobile-rewards-summary-item.liability strong{color:#ef4444}.mobile-create-offer-banner{background:#f4f0ff;border-radius:16px;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;display:flex}.mobile-create-offer-text h4{color:#1a1a1a;max-width:150px;margin:0 0 16px;font-size:15px;font-weight:600}.mobile-create-offer-btn{color:#3b28cc;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;box-shadow:0 2px 4px #0000000d}.mobile-help-support{margin:24px 20px 32px}.mobile-help-support p{color:#64748b;margin:0 0 12px;font-size:12px}.mobile-help-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;font-weight:600;text-decoration:none;display:flex}.mobile-help-btn-left{align-items:center;gap:12px;display:flex}@media(min-width:821px){.desktop-view-hidden,.mobile-only{display:none!important}.mobile-dashboard-wrapper{background-color:#0000;max-width:900px;margin:0 auto;padding-bottom:30px}.mobile-greeting,.mobile-topbar{background-color:#0000}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}