@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.list-item{display:list-item}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.resize\!{resize:both!important}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.blur{--tw-blur:blur(8px);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,)}.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,)}.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,)!important}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-all{-webkit-user-select:all;user-select:all}}:root{--ink:#142033;--muted:#718096;--line:#e5e9f0;--surface:#fff;--canvas:#f4f7fb;--navy:#0c1729;--blue:#1cb6e9;--green:#18bd85;--purple:#7f6cf1;--amber:#ffb648;--shadow:0 12px 38px #14203312}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;width:264px;padding:28px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;padding:0 8px 25px;font-size:24px;font-weight:800;display:flex}.brand>span:last-child span{color:var(--blue)}.brand-mark{background:linear-gradient(145deg,#21c7ee,#1389e6);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid;box-shadow:0 8px 22px #1cb6e959}.workspace-chip{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:11px;margin-bottom:25px;padding:12px;display:flex}.workspace-avatar,.mini-avatar{color:#a5dff5;background:#25334b;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.workspace-chip div,.profile-row div{flex-direction:column;min-width:0;display:flex}.workspace-chip strong,.profile-row strong{font-size:13px}.workspace-chip small,.profile-row small{color:#8d9cb3;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.nav-label{color:#66778f;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 8px;padding:0 12px;font-size:10px;font-weight:800}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button{color:#9aa9be;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:650;display:flex;position:relative}.sidebar nav button>span{letter-spacing:.3px;color:#8fa0b8;background:#18253a;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#18263c}.sidebar nav button.active:before{content:"";background:var(--blue);border-radius:0 4px 4px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-20px}.sidebar nav button.active>span{background:var(--blue);color:#06243a}.sidebar nav button b{color:#9eddf4;background:#25354f;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.support-card{background:linear-gradient(150deg,#142a43,#173852);border:1px solid #ffffff14;border-radius:14px;margin-bottom:15px;padding:16px}.support-card>span{letter-spacing:1px;color:#77d6f4;background:#1cb6e92b;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800}.support-card strong{margin:12px 0 5px;font-size:13px;display:block}.support-card p{color:#9cafc4;margin:0 0 11px;font-size:11px;line-height:1.5}.support-card a{color:#8ddeff;font-size:11px;font-weight:700;text-decoration:none}.profile-row{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 5px 0;display:flex}.profile-row>span{background:#31415a;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.profile-row button{color:#7f90a6;background:0 0;border:0;margin-left:auto}.main-area{min-height:100vh;margin-left:264px}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#fff;justify-content:flex-end;align-items:center;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.gateway{color:#64728a;align-items:center;gap:7px;font-size:12px;display:flex}.gateway i{background:#43d59d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e4f9f1}.gateway strong{color:#17835e;background:#eef9f5;border-radius:20px;padding:5px 9px;font-size:10px}.top-actions{border-left:1px solid var(--line);align-items:center;gap:14px;margin-left:24px;padding-left:20px;display:flex}.top-actions button{color:#8b98ab;background:#f3f6f9;border:0;border-radius:9px;width:32px;height:32px;font-size:10px}.mini-avatar{color:#fff;background:#13243b;border-radius:50%}.menu-toggle{background:0 0;border:0;font-size:22px;display:none}.page-wrap{max-width:1600px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.page-heading p{color:#1aa8d6;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 8px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-1.05px;margin:0 0 7px;font-size:29px}.page-heading>div>span{color:var(--muted);font-size:13px}.primary-action{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:750;box-shadow:0 8px 20px #1cb6e938}.primary-action.full{width:100%;margin-top:18px;padding:14px}.stack{flex-direction:column;gap:20px;display:flex}.metric-grid{grid-template-columns:1.35fr repeat(3,1fr);gap:16px;display:grid}.metric-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;min-height:164px;padding:20px;position:relative;overflow:hidden}.metric-card>span,.finance-cards span,.stat-highlight>span{color:#75839a;margin-top:14px;font-size:11px;font-weight:600;display:block}.metric-card>strong{letter-spacing:-.9px;margin-top:8px;font-size:27px;display:block}.metric-card>p{margin:12px 0 0;font-size:10px}.metric-card p em{color:#8b98ab;font-style:normal}.metric-card .up{color:#17a574}.metric-card .down{color:#e28149}.metric-icon{border-radius:9px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid}.metric-icon.cyan{color:#159dcc;background:#e9f8fd}.metric-icon.green{color:#18a878;background:#e9f9f3}.metric-icon.amber{color:#e49b28;background:#fff5e4}.balance-card{color:#fff;background:linear-gradient(145deg,#122d4a,#0c1f37);border:0}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-top span{color:#b9c9d9;font-size:11px}.metric-top i{color:#7fa2bd;font-size:9px;font-style:normal}.balance-card>strong{margin-top:19px;font-size:31px}.balance-card>p{color:#8ca1b5}.balance-card>p b{color:#fff}.balance-card>button{color:#d7eff8;z-index:2;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:8px 10px;font-size:10px;position:absolute;bottom:18px;right:17px}.card-orbit{border:1px solid #43ccf430;border-radius:50%;width:150px;height:150px;position:absolute;top:-66px;right:-42px}.card-orbit.two{width:100px;height:100px;top:-45px;right:-8px}.overview-grid{grid-template-columns:1.55fr 1fr;gap:20px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px}.panel-title{justify-content:space-between;align-items:flex-start;padding:20px 21px 12px;display:flex}.panel-title h2,.form-panel h2,.order-card h2,.recharge-form h2,.recharge-summary h2{letter-spacing:-.2px;margin:0 0 5px;font-size:14px}.panel-title p,.section-heading p{color:#8a97a9;margin:0;font-size:10px}.panel-title button{border:1px solid var(--line);color:#67758a;background:#fff;border-radius:8px;padding:7px 10px;font-size:10px}.chart-area{height:220px;padding:15px 25px 10px;display:flex}.y-labels{color:#a4adba;flex-direction:column;justify-content:space-between;padding:3px 15px 25px 0;font-size:9px;display:flex}.bars{background:repeating-linear-gradient(#0000 0 48px,#edf0f4 49px);border-bottom:1px solid #edf0f4;border-left:1px solid #edf0f4;flex:1;justify-content:space-around;align-items:flex-end;padding:0 20px;display:flex}.bar-group{justify-content:center;align-items:flex-end;gap:2px;width:12%;height:100%;display:flex;position:relative}.bar{border-radius:4px 4px 0 0;width:8px;min-height:2px}.bar.delivery{background:#75dfb8}.bar.submitted{background:#31bde9}.bar-group span{color:#8793a4;font-size:9px;position:absolute;bottom:-23px}.legend{color:#77869a;justify-content:center;gap:18px;padding:0 0 18px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;display:block}.legend-blue{background:#31bde9}.legend-green{background:#75dfb8}.activity-list{padding:0 18px 12px}.activity-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:11px;width:100%;padding:12px 3px;display:flex}.activity-list button:last-child{border-bottom:0}.activity-list div{min-width:0}.activity-list strong{font-size:11px}.activity-list p{color:#8d98a8;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:9px;overflow:hidden}.activity-list time{color:#9ba5b3;white-space:nowrap;margin-left:auto;font-size:9px}.activity-dot{border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.activity-dot.delivered{color:#15a471;background:#e9faf3}.activity-dot.scheduled{color:#7665e6;background:#f2efff}.activity-dot.submitted{color:#1ca3cf;background:#e9f8fd}.quick-panel .panel-title{padding-bottom:10px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 18px 18px;display:grid}.quick-actions button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:33px auto;column-gap:10px;padding:14px;display:grid}.quick-actions button:hover{background:#f9fdff;border-color:#9fdff3}.quick-actions span{color:#129bc8;background:#edf8fc;border-radius:9px;grid-row:1/3;place-items:center;width:33px;height:33px;font-size:9px;font-weight:800;display:grid}.quick-actions strong{font-size:11px}.quick-actions small{color:#909cad;margin-top:3px;font-size:9px}.send-layout{grid-template-columns:1fr 1fr 310px;align-items:start;gap:18px;display:grid}.form-panel{padding:21px}.send-layout>.form-panel:nth-child(3){grid-column:1/3}.section-heading{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:18px;padding-bottom:16px;display:flex}.section-heading>span{color:#139bca;background:#eaf8fd;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.field{flex-direction:column;gap:7px;margin:14px 0;display:flex}.field>span{font-size:11px;font-weight:700}.field input,.field textarea,.field select,.filter-row select{color:var(--ink);resize:vertical;background:#fff;border:1px solid #dfe5ed;border-radius:9px;outline:none;padding:11px 12px;font-size:11px}.field input:focus,.field textarea:focus,.field select:focus,.search-field:focus-within{border-color:#5bc9ed;box-shadow:0 0 0 3px #eaf8fd}.field small{color:#8d98a8;font-size:9px;line-height:1.5}.field-meta{color:#909aaa;justify-content:space-between;font-size:9px;display:flex}.template-row{flex-wrap:wrap;gap:8px;display:flex}.template-row button{color:#5c6d80;background:#f7fafc;border:1px solid #dfe8ef;border-radius:20px;padding:7px 10px;font-size:9px}.upload-box{background:#f9fbfd;border:1px dashed #cbd6e2;border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.upload-box>span{color:#159dcc;background:#e9f8fd;border-radius:9px;place-items:center;width:35px;height:35px;font-size:9px;font-weight:800;display:grid}.upload-box div{flex-direction:column;display:flex}.upload-box strong{font-size:10px}.upload-box small{color:#8f9baa;margin-top:3px;font-size:8px}.upload-box button{color:#536477;background:#fff;border:1px solid #d9e2ea;border-radius:8px;margin-left:auto;padding:8px 10px;font-size:9px}.radio-grid,.payment-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.radio-grid label,.payment-grid label{border:1px solid #dfe5ed;border-radius:10px;align-items:center;gap:9px;padding:13px;display:flex}.radio-grid label.selected,.payment-grid label.selected{background:#f1fbfe;border-color:#2ab8e3}.radio-grid span,.payment-grid div{flex-direction:column;font-size:10px;font-weight:700;display:flex}.radio-grid small,.payment-grid small{color:#8d98a8;margin-top:3px;font-size:8px;font-weight:400}.order-card{grid-area:1/3/4;padding:22px;position:sticky;top:90px}.order-card h2{border-bottom:1px solid var(--line);padding-bottom:15px}.order-card dl,.recharge-summary dl{margin:15px 0}.order-card dl div,.recharge-summary dl div{justify-content:space-between;padding:8px 0;font-size:10px;display:flex}.order-card dt,.recharge-summary dt{color:#7d8a9d}.order-card dd,.recharge-summary dd{margin:0;font-weight:700}.total{border-top:1px dashed #dbe2ea;border-bottom:1px dashed #dbe2ea;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.total span{font-size:11px}.total strong{font-size:20px}.secure-note,.demo-disclaimer{color:#8b97a8;text-align:center;margin:13px 0 0;font-size:8px;line-height:1.55}.table-panel{overflow:hidden}.filter-row{border-bottom:1px solid var(--line);gap:10px;padding:18px;display:flex}.search-field{border:1px solid #dfe5ed;border-radius:9px;align-items:center;min-width:280px;padding:0 10px;display:flex}.search-field span{color:#8a96a8}.search-field input{background:0 0;border:0;outline:0;width:100%;padding:10px;font-size:10px}.filter-row select{min-width:150px;padding:9px 12px}.outline-btn{color:#58697d;background:#fff;border:1px solid #dce4ec;border-radius:9px;margin-left:auto;padding:9px 13px;font-size:10px;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:840px}th{color:#8491a3;text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--line);background:#f8fafc;padding:12px 18px;font-size:9px}td{color:#47576b;border-bottom:1px solid #edf0f4;padding:14px 18px;font-size:10px}td strong{color:#243247;font-size:10px;display:block}td small{white-space:nowrap;text-overflow:ellipsis;color:#8b97a7;max-width:220px;margin-top:4px;font-size:8px;display:block;overflow:hidden}.right{text-align:right}.status{color:#637287;background:#eef2f6;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.delivered,.status.completed{color:#159d70;background:#e8f8f2}.status.scheduled{color:#725fe1;background:#f1effe}.status.submitted,.status.processing{color:#159aca;background:#e9f7fc}.status.failed{color:#db5d5d;background:#ffeded}.table-footer{color:#8894a4;justify-content:space-between;align-items:center;padding:13px 18px;font-size:9px;display:flex}.table-footer div{gap:4px;display:flex}.table-footer button{color:#718096;background:#fff;border:1px solid #dfe5ed;border-radius:6px;width:25px;height:25px}.table-footer button.current{color:#fff;background:#162a43}.finance-cards{grid-template-columns:1.4fr 1fr 1fr;gap:17px;display:grid}.finance-hero{color:#fff;background:linear-gradient(140deg,#112943,#0d1e34);border-radius:15px;padding:23px;position:relative;overflow:hidden}.finance-hero:after{content:"";border:1px solid #41c7ef33;border-radius:50%;width:190px;height:190px;position:absolute;top:-75px;right:-50px}.finance-hero>span{color:#aabdd0}.finance-hero>strong{margin-top:12px;font-size:31px;display:block}.finance-hero p{color:#8398ae;font-size:9px}.finance-hero button{color:#d9eaf4;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;padding:8px 10px;font-size:9px}.mini-finance{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:22px}.mini-finance>strong{margin:16px 0 9px;font-size:23px;display:block}.mini-finance small{color:#8e99aa;font-size:9px}.type-cell{color:#139cca;background:#edf8fc;border-radius:7px;place-items:center;width:23px;height:23px;margin-right:8px;display:inline-grid}.credit{color:#11996c;font-weight:700}.debit{color:#d25b5b;font-weight:700}.stats-top{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.stat-highlight{padding:20px}.stat-highlight>span{margin:0}.stat-highlight strong{margin:12px 0 7px;font-size:25px;display:block}.stat-highlight p{color:#8c98a8;margin:0;font-size:9px}.stats-grid{grid-template-columns:1.5fr 1fr;gap:19px;display:grid}.line-chart{padding:0 22px 17px}.line-chart svg{width:100%;height:260px}.grid-line{stroke:#edf0f4;stroke-width:1px}.area{fill:url(#fade)}.trend-line{fill:none;stroke:#1cb6e9;stroke-width:3px;stroke-linecap:round}.x-labels{color:#8995a6;justify-content:space-between;padding:0 5px;font-size:9px;display:flex}.destination-panel{position:relative}.donut{border-radius:50%;place-items:center;width:160px;height:160px;margin:10px auto 20px;display:grid}.donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;display:flex}.donut strong{font-size:20px}.donut span{color:#8b97a7;font-size:9px}.destination-list{padding:0 22px 18px}.destination-list>div{border-top:1px solid #edf0f4;grid-template-columns:7px 28px 1fr auto;align-items:center;gap:9px;padding:9px 0;font-size:9px;display:grid}.destination-list i{border-radius:50%;width:7px;height:7px}.country-code{color:#8b97a7}.destination-list b{color:#68778a}.recharge-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;max-width:950px;display:grid}.recharge-form,.recharge-summary{padding:23px}.current-balance{color:#fff;background:#0f2239;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:15px;display:flex}.current-balance span{color:#9cb0c3;font-size:10px}.current-balance strong{font-size:21px}.recharge-form h2{margin:20px 0 11px}.amount-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.amount-grid button{color:#526275;background:#fff;border:1px solid #dfe5ed;border-radius:9px;padding:12px;font-size:11px;font-weight:700}.amount-grid button.selected{color:#128fba;background:#eefafd;border-color:#20b4e2}.money-input{border:1px solid #dfe5ed;border-radius:9px;align-items:center;display:flex}.money-input b{color:#66768a;padding:0 12px}.money-input input{border:0;flex:1;padding-left:0;box-shadow:none!important}.money-input em{color:#8c98a8;padding:0 12px;font-size:9px;font-style:normal}.payment-grid label>span{color:#526477;background:#eef4f8;border-radius:8px;place-items:center;width:35px;height:35px;font-size:9px;font-weight:800;display:grid}.lock-badge{color:#159d70;letter-spacing:.7px;background:#eaf9f3;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.recharge-summary h2{margin:20px 0;font-size:18px}.recharge-summary dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.new-balance{background:#f0faf6;border-radius:10px;flex-direction:column;gap:7px;padding:15px;display:flex}.new-balance span{color:#648373;font-size:9px}.new-balance strong{color:#13875f;font-size:22px}.recharge-summary ul{color:#728096;padding:10px 0 0 18px;font-size:9px;line-height:2}.toast{z-index:60;color:#fff;background:#10243b;border-radius:12px;align-items:center;gap:9px;padding:13px 18px;font-size:11px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 40px #05142640}.toast span{background:#1cbd85;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.mobile-scrim{display:none}@media (max-width:1180px){.metric-grid{grid-template-columns:1fr 1fr}.send-layout{grid-template-columns:1fr 280px}.send-layout>.form-panel:nth-child(3){grid-column:1}.order-card{grid-area:1/2/4}.stats-grid{grid-template-columns:1fr}.finance-cards{grid-template-columns:1.2fr 1fr}.finance-cards .mini-finance:last-child{grid-column:1/3}}@media (max-width:880px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.menu-toggle{margin-right:auto;display:block}.mobile-scrim{z-index:25;background:#07111f8c;border:0;display:block;position:fixed;inset:0}.page-wrap{padding:25px 18px}.overview-grid,.recharge-layout,.send-layout{grid-template-columns:1fr}.send-layout>.form-panel:nth-child(3){grid-column:1}.order-card{grid-area:auto/1;position:static}.quick-actions,.stats-top{grid-template-columns:1fr 1fr}.stats-top article:last-child{grid-column:1/3}.topbar{padding:0 20px}}@media (max-width:600px){.page-heading{align-items:flex-start;gap:18px}.page-heading .primary-action{padding:9px 11px;font-size:10px}.page-heading h1{font-size:24px}.metric-grid,.finance-cards,.stats-top{grid-template-columns:1fr}.finance-cards .mini-finance:last-child,.stats-top article:last-child{grid-column:1}.quick-actions,.amount-grid,.payment-grid,.radio-grid{grid-template-columns:1fr 1fr}.filter-row{flex-wrap:wrap}.search-field{width:100%;min-width:100%}.outline-btn{margin-left:0}.gateway{display:none}.recharge-layout{grid-template-columns:1fr}.toast{bottom:18px;left:18px;right:18px}.topbar{height:61px}}.admin-entry{color:#8bdffc;text-align:center;background:#1cb6e91f;border-radius:9px;margin:0 0 12px;padding:10px 12px;font-size:10px;font-weight:800;text-decoration:none;display:block}.signout-link{color:#8292a7;margin-left:auto;font-size:9px;text-decoration:none}.status.pending-approval{color:#d78a12;background:#fff5e4}.status.rejected{color:#d65555;background:#ffeded}.bank-card{color:#fff;background:linear-gradient(145deg,#1f3153,#111e35);border-radius:14px;align-items:center;gap:16px;margin-bottom:14px;padding:19px;display:flex}.bank-card>span{background:#d93943;border-radius:12px;place-items:center;width:51px;height:51px;font-size:13px;font-weight:900;display:grid}.bank-card div{flex:1;grid-template-columns:1fr auto;align-items:center;gap:4px 15px;display:grid}.bank-card small{color:#8ea2ba;letter-spacing:1px;grid-column:1/3;font-size:8px}.bank-card strong{font-size:13px}.bank-card b{letter-spacing:1px;grid-area:2/2/4;font-size:17px}.bank-card p{color:#b4c3d3;margin:0;font-size:9px}.approval-promise{background:#eefaf6;border:1px solid #d9f1e8;border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.approval-promise>span{color:#fff;background:#16a976;border-radius:8px;padding:7px;font-size:9px;font-weight:900}.approval-promise strong{font-size:10px}.approval-promise p{color:#628073;margin:4px 0 0;font-size:8px;line-height:1.5}.receipt-upload{cursor:pointer;background:#f8fbfd;border:1px dashed #b9cad8;border-radius:11px;align-items:center;gap:12px;padding:15px;display:flex;position:relative}.receipt-upload input{opacity:0;pointer-events:none;position:absolute}.receipt-upload>span{color:#149aca;background:#e8f8fd;border-radius:9px;place-items:center;width:41px;height:41px;font-size:8px;font-weight:900;display:grid}.receipt-upload div{flex-direction:column;min-width:0;display:flex}.receipt-upload strong{white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:10px;overflow:hidden}.receipt-upload small{color:#8d9aab;margin-top:4px;font-size:8px}.receipt-upload>b{color:#168eb6;margin-left:auto;font-size:9px}.auth-page{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:radial-gradient(circle at 82% 35%,#1cb6e938,#0000 35%),linear-gradient(145deg,#0c1729,#112b49);flex-direction:column;padding:42px 8%;display:flex;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";border:1px solid #43ccf421;border-radius:50%;width:520px;height:520px;position:absolute;top:80px;right:-230px;box-shadow:0 0 0 70px #43ccf409,0 0 0 140px #43ccf406}.auth-logo{color:#fff;letter-spacing:-1px;z-index:1;align-items:center;gap:9px;font-size:25px;font-weight:850;text-decoration:none;display:flex}.auth-logo>span{background:linear-gradient(145deg,#20c7ee,#168fe7);border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.auth-logo b{color:#27bde9}.auth-message{z-index:1;max-width:640px;margin:auto 0;position:relative}.auth-message>p{color:#5bd4f4;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:850}.auth-message h1{letter-spacing:-2.5px;margin:16px 0 20px;font-size:50px;line-height:1.08}.auth-message>span{color:#b0c1d4;max-width:520px;font-size:14px;line-height:1.75;display:block}.auth-proof{gap:38px;margin-top:45px;display:flex}.auth-proof div{flex-direction:column;display:flex}.auth-proof strong{font-size:21px}.auth-proof small,.auth-copyright{color:#778da4;margin-top:5px;font-size:9px}.auth-copyright{z-index:1}.auth-form-panel{background:linear-gradient(#fff,#f6f9fc);place-items:center;padding:40px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(440px,100%);padding:38px;box-shadow:0 24px 65px #1420331a}.auth-kicker{color:#1698c3;letter-spacing:.9px;background:#e9f8fd;border-radius:99px;padding:6px 9px;font-size:8px;font-weight:900;display:inline-block}.auth-card h2{letter-spacing:-1px;margin:22px 0 8px;font-size:28px}.auth-card>p{color:#7b889a;margin-bottom:24px;font-size:12px;line-height:1.6}.auth-primary,.auth-secondary{text-align:center;border-radius:10px;padding:13px;font-size:11px;font-weight:800;text-decoration:none;display:block}.auth-primary{color:#fff;background:#142a43;box-shadow:0 9px 25px #142a432b}.auth-secondary{color:#405269;border:1px solid #dce5ed;margin-top:10px}.auth-divider{color:#a0aab7;align-items:center;gap:12px;margin:25px 0;font-size:8px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e9edf2;flex:1;height:1px}.auth-card ul{gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.auth-card li{color:#5b6b7e;font-size:10px}.auth-card li:before{content:"OK";color:#149b6e;background:#eaf9f3;border-radius:7px;place-items:center;width:21px;height:21px;margin-right:9px;font-size:7px;font-weight:900;display:inline-grid}.auth-card>small{color:#929dab;text-align:center;font-size:8px;line-height:1.55;display:block}.admin-shell{background:#f4f7fb;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#0c1729;flex-direction:column;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0}.admin-sidebar .brand{color:#fff;text-decoration:none}.admin-sidebar>p{color:#63748a;letter-spacing:1.2px;margin:15px 10px 9px;font-size:9px;font-weight:900}.admin-sidebar>button{color:#9aabc0;text-align:left;background:0 0;border:0;border-radius:9px;margin:2px 0;padding:12px;font-size:11px;font-weight:700}.admin-sidebar>button.active{color:#fff;background:#182840}.admin-sidebar>button b{float:right;background:#263a56;border-radius:20px;padding:2px 6px;font-size:8px}.admin-sidebar>a:not(.brand){color:#86d9f4;padding:14px 12px;font-size:10px;text-decoration:none}.admin-sidebar>div{border-top:1px solid #ffffff1a;flex-direction:column;gap:5px;margin-top:auto;padding:17px 10px 0;display:flex}.admin-sidebar>div small{color:#71839a;font-size:8px}.admin-sidebar>div strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.admin-sidebar>div a{color:#8bdffc;margin-top:7px;font-size:9px;text-decoration:none}.admin-content{min-width:0;padding:34px}.admin-content>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-content header p{color:#19a6d4;letter-spacing:1.2px;margin:0 0 8px;font-size:9px;font-weight:900}.admin-content header h1{letter-spacing:-.8px;margin:0 0 5px;font-size:28px}.admin-content header>div>span{color:#7c899b;font-size:11px}.admin-live{color:#5d6e80;background:#fff;border:1px solid #dfe8ed;border-radius:99px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex}.admin-live i{background:#19bd85;border-radius:50%;width:7px;height:7px}.admin-notice{color:#157e5d;background:#eaf9f3;border:1px solid #d5f0e5;border-radius:10px;margin-bottom:15px;padding:11px 14px;font-size:10px}.admin-notice button{float:right;color:inherit;background:0 0;border:0}.admin-panel{overflow:hidden}.admin-toolbar{border-bottom:1px solid var(--line);gap:10px;padding:17px;display:flex}.admin-toolbar input{border:1px solid #dce4ec;border-radius:9px;min-width:310px;padding:10px 12px;font-size:10px}.admin-toolbar button{background:#fff;border:1px solid #dce4ec;border-radius:9px;padding:9px 13px;font-size:10px}.credit-control{align-items:center;display:flex}.credit-control span{background:#edf3f7;border-radius:7px 0 0 7px;padding:9px}.credit-control input{border:1px solid #dce4ec;width:85px;padding:8px;font-size:9px}.credit-control button{color:#fff;background:#1cb6e9;border:0;border-radius:0 7px 7px 0;padding:9px;font-size:9px}.danger-link,.success-link{background:0 0;border:0;font-size:9px;font-weight:750}.danger-link{color:#d45d5d}.success-link{color:#159b6d}.admin-role{color:#7564df;background:#f1efff;border-radius:20px;padding:5px 8px;font-size:8px}.approval-summary{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:18px;display:flex}.approval-summary>div{align-items:center;gap:9px;display:flex}.approval-summary strong{font-size:24px}.approval-summary span,.approval-summary p{color:#7c899a;font-size:9px}.approval-summary p{margin-left:auto}.receipt-link{color:#138fb8;font-size:9px}.decision-buttons{gap:6px;display:flex}.decision-buttons button{border:0;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:750}.decision-buttons button:first-child{color:#fff;background:#1ab680}.decision-buttons button:last-child{color:#cf5353;background:#ffeded}.empty-admin{text-align:center;flex-direction:column;gap:7px;padding:45px;display:flex}.empty-admin span{color:#8995a5}.admin-portal-link{text-align:center;color:#148eb7;margin-top:18px;font-size:9px;font-weight:800;text-decoration:none;display:block}.admin-auth-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.admin-auth-brand{color:#fff;background:radial-gradient(circle at 80% 28%,#7f6cf13d,#0000 34%),linear-gradient(145deg,#091321,#152b47);flex-direction:column;min-height:100vh;padding:42px 8%;display:flex}.admin-auth-brand>div{max-width:620px;margin:auto 0}.admin-auth-brand>div>span{color:#62d7f4;letter-spacing:1.5px;font-size:9px;font-weight:900}.admin-auth-brand h1{letter-spacing:-2.3px;margin:16px 0 20px;font-size:48px;line-height:1.08}.admin-auth-brand p{color:#b2c2d4;max-width:540px;font-size:13px;line-height:1.7}.admin-auth-brand ul{flex-wrap:wrap;gap:10px;margin:32px 0 0;padding:0;list-style:none;display:flex}.admin-auth-brand li{color:#c6d4e2;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:99px;padding:8px 11px;font-size:9px}.admin-auth-brand>small{color:#71879d;font-size:9px}.admin-auth-form{background:linear-gradient(145deg,#f8fafc,#eef3f8);place-items:center;padding:40px;display:grid}.admin-login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(430px,100%);padding:40px;box-shadow:0 24px 65px #1420331c}.admin-login-card h2{letter-spacing:-1px;margin:22px 0 8px;font-size:29px}.admin-login-card>p{color:#7a8798;margin:0 0 24px;font-size:12px;line-height:1.6}.admin-security-note{background:#f3f8fb;border:1px solid #e1eaf0;border-radius:11px;flex-direction:column;gap:4px;margin-top:18px;padding:13px;display:flex}.admin-security-note b{color:#33475d;font-size:9px}.admin-security-note span{color:#8090a2;font-size:8px;line-height:1.5}.admin-back-link{text-align:center;color:#637489;margin-top:18px;font-size:9px;text-decoration:none;display:block}.admin-denied-page{background:radial-gradient(circle at 50% 20%,#203d60,#0a1423 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-denied-card{text-align:center;background:#fff;border-radius:20px;width:min(470px,100%);padding:42px;box-shadow:0 25px 70px #0000003d}.denied-mark{color:#d65a5a;background:#fff0f0;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:22px;font-weight:900;display:grid}.admin-denied-card>p{color:#159fc9;letter-spacing:1.4px;font-size:8px;font-weight:900}.admin-denied-card h1{letter-spacing:-.8px;font-size:27px}.admin-denied-card>span{color:#718096;margin:0 0 24px;font-size:11px;line-height:1.7;display:block}.admin-denied-card>span b{color:#33455c}.admin-customer-stack{flex-direction:column;gap:16px;display:flex}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.admin-metrics article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:17px}.admin-metrics span{color:#7e8b9d;font-size:9px}.admin-metrics strong{letter-spacing:-.5px;margin:9px 0 4px;font-size:21px;display:block}.admin-metrics small{color:#9aa5b3;font-size:8px}.admin-create-form{grid-template-columns:1.15fr repeat(5,1fr) auto;align-items:end;gap:12px;padding:20px;display:grid}.admin-create-form>div:first-child p{color:#16a4d1;letter-spacing:1px;margin:0 0 6px;font-size:8px;font-weight:900}.admin-create-form h2{margin:0 0 4px;font-size:15px}.admin-create-form>div:first-child span{color:#8a96a7;font-size:8px;line-height:1.4}.admin-create-form label{flex-direction:column;gap:6px;display:flex}.admin-create-form label span{color:#4b5b70;font-size:8px;font-weight:750}.admin-create-form input{border:1px solid #dce4ec;border-radius:8px;outline:none;width:100%;padding:10px;font-size:9px}.admin-create-form input:focus{border-color:#49bee5;box-shadow:0 0 0 3px #eaf8fd}.admin-create-actions{gap:6px;display:flex}.admin-create-actions button{white-space:nowrap;background:#fff;border:1px solid #dce4ec;border-radius:8px;padding:10px 12px;font-size:9px}.admin-create-actions button:last-child,.admin-toolbar .admin-add-customer{color:#fff;background:#1cb6e9;border-color:#1cb6e9}.credit-control .credit-deduct{color:#ce5858;background:#fff0f0;border-left:1px solid #f3d2d2;border-radius:0 7px 7px 0}.credit-control button:not(.credit-deduct){border-radius:0}.admin-table-footer{color:#8995a5;justify-content:space-between;padding:12px 18px;font-size:8px;display:flex}.admin-toolbar .admin-add-customer{margin-left:auto}.admin-signout{color:#8bdffc;text-align:left;background:0 0;border:0;padding:7px 0;font-size:9px}.credential-form{gap:13px;display:grid}.credential-form label,.profile-form label{flex-direction:column;gap:6px;display:flex}.credential-form label>span,.profile-form label>span{color:#45566b;font-size:9px;font-weight:750}.credential-form input,.profile-form input{border:1px solid #dce4ec;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:10px}.credential-form input:focus,.profile-form input:focus{border-color:#44bee5;box-shadow:0 0 0 3px #eaf8fd}.credential-form .auth-primary{border:0;margin-top:4px}.password-input{display:flex}.password-input input{border-radius:9px 0 0 9px}.password-input button{color:#54677b;background:#f6f9fb;border:1px solid #dce4ec;border-left:0;border-radius:0 9px 9px 0;padding:0 11px;font-size:8px}.auth-error{color:#bd4f4f;background:#fff0f0;border:1px solid #f4d5d5;border-radius:9px;padding:10px;font-size:9px}.credential-switch{text-align:center!important;margin:4px 0 0!important;font-size:9px!important}.credential-switch a{color:#1499c3;font-weight:800;text-decoration:none}.profile-button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.profile-button>b{color:#86d9f4;margin-left:auto}.profile-stack{flex-direction:column;gap:16px;display:flex}.profile-summary{align-items:center;gap:15px;padding:22px;display:flex}.profile-hero-avatar{color:#fff;background:linear-gradient(145deg,#18bfe7,#156edd);border-radius:15px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.profile-summary>div:nth-child(2){flex:1}.profile-summary p{color:#18a4d0;letter-spacing:1px;margin:0 0 5px;font-size:8px;font-weight:900}.profile-summary h2{margin:0 0 4px;font-size:18px}.profile-summary div span{color:#7f8d9e;font-size:9px}.profile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-form{gap:13px;padding:22px;display:grid}.profile-form h2{margin:0;font-size:15px}.profile-form>p{color:#8190a2;margin:0 0 4px;font-size:9px;line-height:1.55}.profile-form input:disabled{color:#7c8998;background:#f5f7f9}.profile-form .primary-action{justify-self:start}.profile-logout{color:#c85454;background:#fff4f4;border:1px solid #f0d1d1;border-radius:9px;padding:11px;font-size:9px;font-weight:800}.instruction-stack{flex-direction:column;gap:17px;display:flex}.instruction-intro{background:linear-gradient(145deg,#fff,#f1fbfe);justify-content:space-between;align-items:center;padding:24px;display:flex}.instruction-intro>div>span{color:#159ec9;letter-spacing:1.2px;font-size:8px;font-weight:900}.instruction-intro h2{margin:9px 0 6px;font-size:19px}.instruction-intro p{color:#6f7e90;margin:0;font-size:10px;line-height:1.6}.instruction-intro p b{color:#26394f}.instruction-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.instruction-card{flex-direction:column;min-height:210px;padding:21px;display:flex}.instruction-card>span{color:#1cb6e9;letter-spacing:-1px;font-size:24px;font-weight:900}.instruction-card h3{margin:16px 0 8px;font-size:13px}.instruction-card p{color:#7d8a9b;margin:0;font-size:9px;line-height:1.65}.instruction-card button{color:#159ac5;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:14px 0 0;font-size:9px;font-weight:800}.instruction-help{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.instruction-help div{flex-direction:column;gap:4px;display:flex}.instruction-help strong{font-size:11px}.instruction-help span{color:#8490a0;font-size:9px}.instruction-help a{color:#fff;background:#142a43;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:800;text-decoration:none}.customer-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:32px;display:flex}.customer-empty strong{font-size:13px}.customer-empty span{color:#8491a2;max-width:330px;margin-top:7px;font-size:9px;line-height:1.6}.customer-empty button{color:#fff;background:#142a43;border:0;border-radius:8px;margin-top:15px;padding:9px 12px;font-size:9px;font-weight:800}@media (max-width:1100px){.admin-create-form{grid-template-columns:1fr 1fr}.admin-create-form>div:first-child,.admin-create-actions{grid-column:1/3}.admin-metrics{grid-template-columns:1fr 1fr}}@media (max-width:850px){.auth-page,.admin-auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:410px;padding:30px}.auth-message h1{font-size:38px}.auth-form-panel{padding:25px}.admin-auth-brand{min-height:430px;padding:30px}.admin-auth-brand h1{font-size:37px}.admin-auth-form{padding:28px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}.admin-content{padding:22px}.admin-sidebar>div{margin-top:20px}.admin-content>header{align-items:flex-start}.admin-live{display:none}}@media (max-width:540px){.auth-message h1,.admin-auth-brand h1{font-size:31px}.auth-proof{gap:18px}.auth-card,.admin-login-card{padding:27px 22px}.admin-content{padding:16px}.admin-toolbar{flex-direction:column}.admin-toolbar input{width:100%;min-width:0}.admin-toolbar .admin-add-customer{margin-left:0}.admin-metrics,.admin-create-form{grid-template-columns:1fr}.admin-create-form>div:first-child,.admin-create-actions{grid-column:1}.admin-table-footer{flex-direction:column;gap:5px}.bank-card div{grid-template-columns:1fr}.bank-card small,.bank-card b{grid-area:auto/1}.amount-grid{grid-template-columns:1fr 1fr}}.amount-grid{grid-template-columns:repeat(4,1fr)}.amount-grid button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.amount-grid button b{font-size:11px}.amount-grid button small{color:#159ac5;font-size:7px;font-weight:800}.higher-package{background:#f0fbf7;border:1px solid #bfe8d8;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;display:flex}.higher-package strong{color:#14785d;font-size:9px}.higher-package span{color:#658579;font-size:8px;line-height:1.45}@media (max-width:540px){.amount-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}.instruction-grid{grid-template-columns:1fr 1fr}}.payment-qr{background:linear-gradient(145deg,#fff,#fff7fa);border:1px solid #f0d4df;border-radius:14px;align-items:center;gap:20px;margin-bottom:14px;padding:18px;display:flex}.payment-qr img{border-radius:10px;width:180px;height:auto;box-shadow:0 8px 24px #af004d1f}.payment-qr>div{flex-direction:column;gap:6px;display:flex}.payment-qr span{color:#d5005c;letter-spacing:1.2px;font-size:8px;font-weight:900}.payment-qr strong{color:#23344a;font-size:14px}.payment-qr small{color:#788697;max-width:230px;font-size:9px;line-height:1.55}.bank-card .bank-number{grid-area:2/2/4;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bank-card .bank-number b{letter-spacing:1px;grid-area:auto;font-size:17px}.bank-card .bank-number button{color:#d9eff7;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:800}.bank-card .bank-number button:hover,.bank-card .bank-number button:focus-visible{background:#ffffff2e;outline:none}@media (max-width:540px){.payment-qr{text-align:center;flex-direction:column}.payment-qr img{width:min(220px,80%)}.payment-qr small{max-width:270px}.bank-card .bank-number{grid-area:auto/1;justify-content:flex-start}.bank-card .bank-number b{grid-area:auto}}@media (max-width:600px){.instruction-grid{grid-template-columns:1fr}.instruction-intro,.instruction-help{flex-direction:column;align-items:flex-start;gap:16px}}.upload-box>input{display:none}.upload-box .upload-actions{flex-direction:row;align-items:center;gap:7px;margin-left:auto;display:flex}.upload-box .upload-actions button{margin-left:0}.upload-box .upload-actions a{color:#168eb6;white-space:nowrap;background:#eefafe;border:1px solid #b9e3f1;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:750;text-decoration:none}.upload-box .upload-actions a:hover,.upload-box .upload-actions a:focus-visible{background:#dff6fd;border-color:#79cde6}.panel-action-label{border:1px solid var(--line);color:#67758a;background:#f8fafc;border-radius:8px;padding:7px 10px;font-size:9px}.outline-btn:disabled,.table-footer button:disabled,.finance-hero button:disabled{cursor:not-allowed;opacity:.45}.whatsapp-float{z-index:100;color:#fff;background:#20b85a;border-radius:999px;align-items:center;gap:9px;padding:10px 14px 10px 10px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 13px 32px #117f414d}.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 16px 36px #117f4161}.whatsapp-float span{color:#169447;background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:8px;font-weight:950;display:grid}.whatsapp-float strong{letter-spacing:.1px;font-size:10px}@media (max-width:600px){.whatsapp-float{bottom:14px;right:14px}.whatsapp-float strong{display:none}.whatsapp-float{padding:9px}.upload-box{flex-wrap:wrap;align-items:flex-start}.upload-box .upload-actions{width:100%;margin-left:47px}.upload-box .upload-actions a,.upload-box .upload-actions button{text-align:center;flex:1}}.gateway-send-note{background:#eefaf6;border:1px solid #d7efe6;border-radius:11px;flex-direction:column;gap:7px;padding:17px;display:flex}.gateway-send-note strong{color:#157f5c;font-size:11px}.gateway-send-note span{color:#688376;font-size:9px;line-height:1.6}.activity-dot.sent,.activity-dot.partially-sent{color:#1ca3cf;background:#e9f8fd}.status.sent,.status.partially-sent{color:#159aca;background:#e9f7fc}.batch-link{color:#122d4a;align-items:center;gap:7px;font-weight:800;text-decoration:none;display:inline-flex}.batch-link span{color:#159aca;font-size:8px;font-weight:700}.batch-link:hover,.batch-link:focus-visible{text-underline-offset:3px;text-decoration:underline}.stats-top.stats-top-four{grid-template-columns:repeat(4,1fr)}.stats-summary{padding-bottom:20px}.stats-summary dl{margin:0;padding:0 22px}.stats-summary dl div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.stats-summary dt{color:#7d8a9d;font-size:10px}.stats-summary dd{color:#243247;margin:0;font-size:12px;font-weight:800}.stats-summary>p{color:#557083;background:#eef8fc;border-radius:10px;margin:16px 22px 0;padding:13px;font-size:9px;line-height:1.6}.report-shell{background:#f4f7fa;min-height:100vh}.report-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 max(24px,50vw - 640px);display:flex}.report-brand{color:#122d4a;align-items:center;gap:9px;font-size:20px;text-decoration:none;display:flex}.report-brand>span{color:#fff;background:linear-gradient(145deg,#21c7ee,#1389e6);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.report-brand strong{font-style:normal}.report-brand em{color:var(--blue);font-style:normal}.report-back{color:#587084;font-size:11px;font-weight:700;text-decoration:none}.report-back:hover{text-decoration:underline}.report-wrap{max-width:1280px;margin:0 auto;padding:36px 24px 60px}.report-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.report-heading p{color:#1aa8d6;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 7px;font-size:9px;font-weight:800}.report-heading h1{margin:0 0 7px;font-size:30px}.report-heading>div>span{color:#7e8b9d;font-size:11px}.report-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.report-summary-grid article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:19px}.report-summary-grid span{color:#78869a;font-size:10px;font-weight:700;display:block}.report-summary-grid strong{color:#203047;margin:10px 0 6px;font-size:25px;display:block}.report-summary-grid small{color:#8d98a8;font-size:9px}.report-summary-grid .report-success strong{color:#11996c}.report-summary-grid .report-failed strong{color:#d25b5b}.report-grid{grid-template-columns:1fr 260px;gap:18px;margin-bottom:20px;display:grid}.report-message,.report-charge{padding:21px}.report-message>div{justify-content:space-between;align-items:center;display:flex}.report-message span,.report-charge>span{color:#7f8c9e;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:800}.report-message>div strong{color:#159aca;background:#e9f7fc;border-radius:20px;padding:6px 9px;font-size:9px}.report-message p{color:#26364a;white-space:pre-wrap;margin:17px 0 0;font-size:12px;line-height:1.7}.report-charge>strong{margin:14px 0 6px;font-size:25px;display:block}.report-charge small{color:#8d98a8;font-size:9px;line-height:1.5}.report-recipients .panel-title>span{color:#68788d;background:#f1f5f8;border-radius:20px;padding:6px 9px;font-size:9px}.recipient-result{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.recipient-result.sent,.recipient-result.delivered{color:#159d70;background:#e8f8f2}.recipient-result.failed{color:#d45454;background:#ffeded}.recipient-result.neutral{color:#637287;background:#eef2f6}.report-footnote{text-align:center;color:#7c8999;max-width:760px;margin:14px auto 0;font-size:9px;line-height:1.6}@media (max-width:1000px){.stats-top.stats-top-four,.report-summary-grid{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.report-charge{min-height:130px}}@media (max-width:600px){.stats-top.stats-top-four,.report-summary-grid{grid-template-columns:1fr}.report-topbar{padding:0 16px}.report-back{font-size:0}.report-back:after{content:"Back";font-size:11px}.report-wrap{padding:25px 14px 45px}.report-heading{align-items:flex-start;gap:14px}.report-heading h1{font-size:23px}}@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-border-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}