@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.gap-3{gap:.75rem}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}:root{--theme-accent:#1565d8;--theme-accent-dark:#0d4fb0;--theme-accent-rgb:21, 101, 216;--theme-heading:#0d4fb0;--theme-heading-rgb:13, 79, 176;--theme-tint:#eaf2fe}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-color:#f8f9fc;width:100%;font-family:Inter,Manrope,sans-serif;overflow-x:hidden}#root{width:100%;overflow-x:hidden}.two-col-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:24px;width:100%;display:grid}.two-col-grid>*{min-width:0}@media (width<=860px){.two-col-grid{grid-template-columns:1fr}}.navbar-fullname{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:min(220px,40vw);display:inline-block;overflow:hidden}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.signin-btn{background:linear-gradient(90deg, var(--theme-accent) 0%, var(--theme-accent-dark) 100%);color:#fff;letter-spacing:.3px;cursor:pointer;width:100%;box-shadow:0 4px 22px rgba(var(--theme-accent-rgb), .38);background-position:0 0;background-size:130% 100%;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-size:16px;font-weight:700;transition:box-shadow .25s,transform .2s cubic-bezier(.34,1.56,.64,1),background-position .3s;display:flex}.signin-btn:hover{box-shadow:0 10px 32px rgba(var(--theme-accent-rgb), .5);background-position:100% 0;transform:translateY(-2px)scale(1.015)}.signin-btn:active{box-shadow:0 4px 16px rgba(var(--theme-accent-rgb), .4);transform:translateY(0)scale(.97)}.signin-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.signin-btn:hover svg{transform:translate(4px)}.brand-logo-wrap{transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s;display:inline-flex}.brand-logo-wrap:hover{filter:drop-shadow(0 4px 10px #0d4fb02e);transform:scale(1.06)}.brand-logo-wrap:active{transform:scale(.97)}.btn-primary{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(var(--theme-accent-rgb), .32);transform:translateY(-2px)scale(1.03)}.btn-primary:active{filter:brightness(.98);transform:translateY(0)scale(.96)}.btn-ghost{transition:transform .18s,opacity .18s,color .18s}.btn-ghost:hover{opacity:.75;transform:translate(-2px)}.btn-ghost:active{transform:scale(.96)}.icon-btn-anim{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s}.icon-btn-anim:hover{box-shadow:0 6px 14px rgba(var(--theme-heading-rgb), .18);transform:scale(1.14)rotate(-4deg)}.icon-btn-anim:active{transform:scale(.9)}.icon-badge-shine{position:relative;overflow:hidden}.icon-badge-shine:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffffd9 50%,#0000 70%);width:35%;height:160%;transition:transform .65s cubic-bezier(.4,0,.2,1);position:absolute;top:-30%;left:-30%;transform:translate(-260%)skew(-20deg)}.icon-badge-shine:hover:after,.payment-card:hover .icon-badge-shine:after{transform:translate(360%)skew(-20deg)}.tab-strip{border-bottom:2px solid #0d4fb01a;align-items:flex-end;display:flex}.tab-strip-item{cursor:pointer;font:inherit;background:0 0;border:none;flex-shrink:0;margin-right:-14px;padding:0;position:relative}.tab-strip-item:last-child{margin-right:0}.tab-strip-shape{transform-origin:0 100%;background:#e9edf2;border-radius:10px 10px 0 0;padding:10px 26px 10px 18px;transition:background .25s,box-shadow .25s;display:block;transform:skew(-14deg)}.tab-strip-item:hover .tab-strip-shape{background:#dce3ea}.tab-strip-item--active .tab-strip-shape{background:var(--theme-heading);box-shadow:0 -6px 16px rgba(var(--theme-heading-rgb), .2)}.tab-strip-content{white-space:nowrap;color:#4a5568;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:color .25s;display:block;transform:skew(14deg)}.tab-strip-item--active .tab-strip-content{color:#fff}.sidebar-menu-item{transition:background .2s,transform .15s,padding-left .2s}.sidebar-menu-item:hover{background:#ffffff1a;padding-left:16px}.sidebar-menu-item--active,.sidebar-menu-item--active:hover{background:#ffffff29}.sidebar-menu-item:active{transform:scale(.97)}.sidebar-menu-item svg{transition:transform .2s}.sidebar-menu-item:hover svg{transform:scale(1.12)}.list-row-btn{transition:transform .2s,box-shadow .2s,border-color .2s}.list-row-btn:hover{box-shadow:0 8px 20px rgba(var(--theme-heading-rgb), .1);transform:translateY(-2px);border-color:rgba(var(--theme-heading-rgb), .18)!important}.list-row-btn:active{transform:translateY(0)scale(.99)}.form-input{color:#0d4fb0;background:#fff;border:1.5px solid #e5e8ee;border-radius:10px;outline:none;width:100%;padding:14px 16px 14px 44px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb), .1)}.form-input::placeholder{color:#b0b8c4}.form-input.no-icon{padding-left:16px}.payment-card{cursor:pointer;aspect-ratio:1;background:#fffffff5;border:1px solid #ffffffe6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:108px;padding:12px 6px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;box-shadow:0 2px 20px #0d4fb014,0 1px 4px #0000000a}.payment-card--lg{border-radius:20px;gap:12px;max-width:170px;padding:20px 8px}.payment-card--lg .card-icon-badge{border-radius:18px;width:60px;height:60px}.cards-section-heading{letter-spacing:1.5px;text-transform:uppercase;color:#7c8491;margin:0 0 6px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.cards-section-divider{border:none;border-top:1px solid #0d4fb01a;margin:0}.payment-card:hover,.payment-card:focus-visible{transform:translateY(-6px)scale(1.04);box-shadow:0 14px 34px #0d4fb029}.payment-card:active{transform:translateY(-2px)scale(.97)}.payment-card:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.card-icon-badge{background:linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-dark) 100%);width:40px;height:40px;box-shadow:0 6px 16px rgba(var(--theme-accent-rgb), .3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.payment-card:hover .card-icon-badge{transform:scale(1.1)rotate(-6deg)}.payment-card:active .card-icon-badge{transform:scale(.95)rotate(0)}.payment-card--inert{cursor:default}.payment-card--inert:hover{transform:none;box-shadow:0 2px 20px #0d4fb014,0 1px 4px #0000000a}.payment-card--inert .card-icon-badge{box-shadow:none;background:linear-gradient(135deg,#ffb27a 0%,#ff8a6b 100%)}@media (width<=480px){.payment-card{border-radius:16px;gap:8px;padding:14px 6px}.card-icon-badge{border-radius:14px;width:46px;height:46px}}.navbar{z-index:100;background:#fff;border-bottom:1px solid #0000000f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:8px clamp(16px,5vw,80px);display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0d4fb00a}.navbar-profile-trigger{border-radius:30px;transition:background .2s;padding:4px 6px 4px 4px!important}.navbar-profile-trigger:hover{background:#0d4fb00d!important}.navbar-profile-trigger .navbar-role-badge{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.navbar-profile-trigger:hover .navbar-role-badge{transform:scale(1.1)}.navbar-profile-trigger:active .navbar-role-badge{transform:scale(.94)}.navbar-wallet{display:flex}@media (width<=640px){.navbar{row-gap:6px;min-height:64px;padding:8px clamp(10px,3vw,80px)!important}.navbar-wallet{gap:5px!important;margin-right:8px!important}.navbar-wallet-label{display:none}.navbar-wallet-amount{font-size:12px!important}.navbar-store-name,.navbar-role-name{display:none}.navbar-role-badge{width:30px!important;height:30px!important;font-size:13px!important}.navbar-profile-trigger{gap:6px!important}.navbar-fullname{display:none!important}}.page-root{background:#fff;min-height:calc(100vh - 64px);position:relative;overflow:hidden auto}.page-content{z-index:2;height:100%;min-height:calc(100vh - 64px);position:relative}.login-form-panel{z-index:20;width:355px;position:absolute;top:50%;left:80px;transform:translateY(-50%)}.hero-image-wrap{pointer-events:none;z-index:10;width:61%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-image-wrap img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}.home-cards-panel{z-index:20;width:min(560px,90vw);position:absolute;top:56px;left:5%}.home-bbps-panel{z-index:20;width:min(480px,90vw);position:absolute;top:56px;left:50%}@media (width<=900px){.page-root{min-height:auto;overflow:visible}.page-content{height:auto;min-height:auto;padding:32px 0}.login-form-panel{width:100%;max-width:420px;margin:0 auto;padding:0 20px;position:static;transform:none}.hero-image-wrap{display:none}.auth-bg-swoosh{width:100%!important}.home-cards-panel{width:100%;max-width:480px;margin:32px auto 0;padding:0 20px;position:static;transform:none}.home-bbps-panel{width:100%;max-width:480px;margin:32px auto 0;padding:0 20px;position:static}}.sidebar-shell-row{display:flex}.sidebar-shell-sidebar{flex-shrink:0;width:220px}@media (width<=820px){.sidebar-shell-row{flex-direction:column}.sidebar-shell-sidebar{width:100%!important;height:auto!important;min-height:0!important;position:static!important}}.pg-split-row{display:flex}@media (width<=900px){.pg-split-row{flex-direction:column}}.app-shell{background:#f8f9fc;min-height:100vh;display:flex}.app-sidebar{background:#fff;border-right:1px solid #0000000f;flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:22px 16px;transition:width .22s;display:flex;position:sticky;top:0;overflow:hidden auto}.app-sidebar--collapsed{width:76px}.app-sidebar--collapsed .app-sidebar-tagline,.app-sidebar--collapsed .app-sidebar-item-label,.app-sidebar--collapsed .app-sidebar-badge-text{display:none}.app-sidebar--collapsed .app-sidebar-brand{justify-content:center;display:flex}.app-sidebar--collapsed .app-sidebar-item{justify-content:center;padding-left:0;padding-right:0}.app-sidebar--collapsed .app-sidebar-item:hover{padding-left:0}.app-sidebar-brand{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:26px}.app-sidebar-tagline{letter-spacing:1.1px;text-transform:uppercase;color:#9ca3af;margin-top:6px;font-family:Inter,sans-serif;font-size:9px;font-weight:700}.app-sidebar-nav{flex-direction:column;flex:1;gap:3px;display:flex}.app-sidebar-item{cursor:pointer;text-align:left;color:#5b6472;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,padding-left .2s;display:flex}.app-sidebar-item svg{color:#9ca3af;flex-shrink:0;transition:color .2s}.app-sidebar-item:hover{background:#0d4fb00d;padding-left:17px}.app-sidebar-item--active{color:#0d4fb0;background:#0d4fb017}.app-sidebar-item--active svg{color:#0d4fb0}.app-sidebar-badge{background:#f0fff4;border-radius:14px;flex-shrink:0;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.app-sidebar-badge span{color:#0d4fb0;font-family:Inter,sans-serif;font-size:11px;font-weight:700;line-height:1.35}.app-shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell-content{flex:1;min-width:0}.app-topbar{z-index:90;background:#fff;border-bottom:1px solid #0000000f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:8px clamp(16px,3vw,32px);display:flex;position:sticky;top:0;box-shadow:0 1px 8px #0d4fb00a}.app-topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.app-topbar-addcredit{color:#f26a1b;cursor:pointer;background:#fff;border:1.5px solid #f26a1b;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;display:flex}.app-topbar-wallet{background:#f8f9fc;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;display:flex}.app-topbar-wallet-label{letter-spacing:1px;text-transform:uppercase;color:#9ca3af;font-family:Inter,sans-serif;font-size:9.5px;font-weight:700}.app-topbar-wallet-amount{color:#0d4fb0;font-family:Inter,sans-serif;font-size:14px;font-weight:800}.app-topbar-bell{cursor:pointer;background:#f8f9fc;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.app-topbar-bell-dot{background:#e53e3e;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.app-topbar-bell-dropdown{z-index:30;background:#fff;border:1px solid #e5e9f0;border-radius:10px;min-width:200px;padding:14px 16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0d4fb01f}@media (width<=900px){.app-shell{flex-direction:column}.app-sidebar,.app-sidebar--collapsed{flex-direction:row;align-items:center;width:100%;height:auto;padding:12px 16px;position:static;overflow-x:auto}.app-sidebar-brand{flex-shrink:0;margin-bottom:0;margin-right:16px}.app-sidebar-tagline{display:none}.app-sidebar-nav{flex-direction:row;flex:none}.app-sidebar-item-label,.app-sidebar-badge{display:none}}@media (width<=640px){.app-topbar-wallet-label,.app-topbar-addcredit span{display:none}.app-topbar-addcredit{padding:8px 10px}}.dash-page{padding:clamp(20px,4vw,32px)}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.dash-welcome{color:#0b2a3d;margin:0;font-family:Inter,sans-serif;font-size:clamp(20px,3vw,26px);font-weight:800}.dash-subwelcome{color:#7c8491;margin:4px 0 0;font-family:Inter,sans-serif;font-size:13.5px}.dash-date{color:#7c8491;margin:6px 0 0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.dash-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=860px){.dash-grid{grid-template-columns:1fr}}.dash-section{border-radius:22px;padding:22px clamp(16px,3vw,26px)}.dash-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dash-section-title{color:#0b2a3d;margin:0;font-family:Inter,sans-serif;font-size:17px;font-weight:800}.dash-section-subtitle{color:#5b6472;margin:3px 0 18px;font-family:Inter,sans-serif;font-size:12.5px}.dash-view-all{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:2px 0;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;display:flex}.dash-tile-row{flex-wrap:wrap;gap:clamp(12px,1.3vw,16px);display:flex}.dash-tile{cursor:pointer;background:#fff;border:1px solid #0d4fb00f;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(11px,1.2vw,15px);width:clamp(152px,17vw,196px);padding:clamp(22px,2.5vw,32px) 12px;font-family:inherit;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex}.dash-tile:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0d4fb01f}.dash-tile:active{transform:translateY(-1px)scale(.97)}.dash-tile--inert{cursor:default}.dash-tile--inert:hover{box-shadow:none;transform:none}.dash-tile-icon{border-radius:clamp(21px,2.4vw,26px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(70px,7.8vw,88px);height:clamp(70px,7.8vw,88px);display:flex}.dash-tile-icon svg{width:50%;height:50%}.dash-tile-label{color:#0d4fb0;text-align:center;font-family:Inter,sans-serif;font-size:clamp(14px,1.4vw,16.5px);font-weight:700;line-height:1.3}@media (width<=720px){.dash-tile{width:calc(33.333% - 11px)}}@media (width<=480px){.dash-tile{width:calc(50% - 6px)}.dash-tile-icon{border-radius:18px;width:60px;height:60px}}:root{--tp-canvas:#f6f8fc;--tp-surface:#fff;--tp-line:#e4e9f2;--tp-line-strong:#d2dae8;--tp-blue:#1565d8;--tp-blue-deep:#0d4fb0;--tp-blue-bright:#2e8af0;--tp-orange:#f26a1b;--tp-amber:#f5a314;--tp-ink:#111827;--tp-ink-soft:#4a5568;--tp-ink-mute:#8a93a4}.tp-page{z-index:1;flex-direction:column;flex:1;min-width:0;padding:20px clamp(16px,2.6vw,34px) 22px;font-family:Inter,Manrope,sans-serif;display:flex;position:relative}.tp-inner{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1560px;min-height:0;margin:0 auto;display:flex;position:relative}.tp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.tp-greeting{letter-spacing:-.022em;color:var(--tp-ink);margin:0 0 4px;font-size:clamp(19px,2vw,22px);font-weight:600}.tp-subgreeting{color:var(--tp-ink-mute);margin:0;font-size:13.5px}.tp-head-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tp-date{color:var(--tp-ink-mute);margin-right:2px;font-size:12.5px}.tp-shell{align-items:stretch;display:flex}.tp-side{background:linear-gradient(180deg, var(--tp-blue-deep) 0%, var(--tp-blue) 58%, #1f74e6 100%);flex-direction:column;flex-shrink:0;width:232px;height:100%;padding:20px 14px 24px;font-family:Inter,Manrope,sans-serif;display:flex;overflow-y:auto;box-shadow:inset -1px 0 #ffffff14}.tp-side-user{border-bottom:1px solid #ffffff24;align-items:center;gap:11px;margin-bottom:14px;padding:0 8px 18px;display:flex}.tp-side-avatar{background:linear-gradient(135deg, var(--tp-amber) 0%, var(--tp-orange) 100%);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:grid}.tp-side-user-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tp-side-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.tp-side-user-role{letter-spacing:.04em;color:#ffffff9e;font-size:11px}.tp-side-nav{flex-direction:column;gap:3px;display:flex}.tp-side-label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin:16px 0 6px;padding:0 10px;font-size:10px;font-weight:700}.tp-side-label:first-child{margin-top:0}.tp-side-item{color:#ffffffd1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .16s,color .16s;display:flex;position:relative}.tp-side-item>span:not(.tp-side-count){flex:1;min-width:0}.tp-side-item:hover{color:#fff;background:#ffffff1f;transform:translate(2px)}.tp-side-item:active{transform:translate(1px)scale(.99)}.tp-side-item:focus-visible{color:#fff;background:#ffffff24;outline:none;box-shadow:0 0 0 2px #f5a314bf}.tp-side-item:before{content:"";background:var(--tp-amber);transform-origin:50%;border-radius:0 3px 3px 0;width:3px;height:56%;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.tp-side-item:hover:before,.tp-side-item.active:before{transform:translateY(-50%)scaleY(1)}.tp-side-item.active{color:#fff;background:#ffffff29;font-weight:600}.tp-side-count{color:#ffffffe6;text-align:center;background:#ffffff29;border-radius:999px;flex-shrink:0;min-width:21px;padding:2px 6px;font-size:11px;font-weight:700}@media (width<=900px){.tp-shell{flex-direction:column;height:auto;overflow:visible}.tp-page{height:auto;overflow:visible}.tp-side{flex-direction:row;align-self:stretch;align-items:center;gap:6px;width:100%;height:auto;padding:10px 14px;position:static;overflow:auto hidden}.tp-side-user,.tp-side-label{display:none}.tp-side-nav{flex-direction:row;align-items:center}.tp-side-item{white-space:nowrap;width:auto;padding:9px 13px}.tp-side-item.active:before{display:none}}.tp-layout-wrap{position:relative}.tp-layout-btn{border:1px solid var(--tp-line);background:var(--tp-surface);height:38px;color:var(--tp-ink-soft);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,color .2s,box-shadow .25s,transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 1px 2px #1118270a}.tp-layout-btn:hover{color:var(--tp-blue);border-color:#1565d873;transform:translateY(-1px);box-shadow:0 8px 18px -12px #1565d8bf}.tp-layout-btn:active{transform:translateY(0)}.tp-layout-btn:focus-visible{border-color:var(--tp-blue);outline:none;box-shadow:0 0 0 3px #1565d82e}.tp-layout-backdrop{z-index:20;position:fixed;inset:0}.tp-layout-menu{z-index:25;background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:12px;width:286px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px -16px #1118274d}.tp-layout-menu-label{letter-spacing:.1em;text-transform:uppercase;color:var(--tp-ink-mute);margin:0;padding:8px 10px 6px;font-size:10px;font-weight:600}.tp-layout-option{text-align:left;cursor:pointer;width:100%;color:var(--tp-ink-soft);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:9px 10px;transition:background .14s;display:flex}.tp-layout-option:hover{background:var(--tp-canvas)}.tp-layout-option.selected{color:var(--tp-blue);background:#e9f1fd}.tp-layout-option-name{color:var(--tp-ink);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.tp-layout-option.selected .tp-layout-option-name{color:var(--tp-blue)}.tp-layout-option-hint{color:var(--tp-ink-mute);font-size:11.5px;line-height:1.4;display:block}.tp-panel{border:1px solid #0000;border-radius:20px;padding:24px}.tp-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tp-panel-title{letter-spacing:-.014em;color:var(--tp-ink);margin:0 0 2px;font-size:15.5px;font-weight:600}.tp-panel-caption{color:var(--tp-ink-soft);opacity:.8;margin:0;font-size:12.5px}.tp-panel-live{color:var(--tone-accent);opacity:.85;flex-shrink:0;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.tp-panel-items{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;display:grid}.tp-panel{--tone-accent:var(--tp-blue);--tone-accent-deep:var(--tp-blue-deep);--tone-soft:#d3e4fc;--tone-line:#1565d84d;--tone-glow:#1565d873}.tp-tone-blue{--tone-accent:var(--tp-blue);--tone-accent-deep:var(--tp-blue-deep);--tone-soft:#d2e3fc;--tone-line:#1565d84d;--tone-glow:#1565d873;background:linear-gradient(155deg,#e7f0fe 0%,#d8e7fc 100%);border-color:#1565d829}.tp-tone-orange{--tone-accent:var(--tp-orange);--tone-accent-deep:#d8530b;--tone-soft:#fbdbc2;--tone-line:#f26a1b57;--tone-glow:#f26a1b80;background:linear-gradient(155deg,#feefe4 0%,#fde2cc 100%);border-color:#f26a1b2e}.tp-tone-amber{--tone-accent:#c27c06;--tone-accent-deep:#9a5f02;--tone-soft:#fae5b8;--tone-line:#f5a31466;--tone-glow:#f5a3148c;background:linear-gradient(155deg,#fef5e0 0%,#fcebc5 100%);border-color:#f5a3143d}.tp-tone-sky{--tone-accent:#1177d6;--tone-accent-deep:#0b5ead;--tone-soft:#d2e7fd;--tone-line:#2e8af057;--tone-glow:#2e8af07a;background:linear-gradient(155deg,#e9f4fe 0%,#d9e9fd 100%);border-color:#2e8af02e}@keyframes tpTileIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tp-tile{isolation:isolate;background:var(--tp-surface);cursor:pointer;border:1px solid #ffffffe6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:132px;padding:18px 12px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .22s;animation:.24s cubic-bezier(.22,1,.36,1) backwards tpTileIn;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1118270a,0 10px 20px -18px #11182759}.tp-tile:after{content:"";z-index:-1;background:radial-gradient(130% 100% at 50% 120%, var(--tone-soft) 0%, transparent 72%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.tp-tile:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff9e 50%,#0000 62%);transition:transform .85s cubic-bezier(.22,1,.36,1);position:absolute;inset:-40% -60%;transform:translate(-85%)}.tp-tile:hover{border-color:var(--tone-line);box-shadow:0 1px 2px #1118270d, 0 20px 34px -22px var(--tone-glow), 0 10px 20px -18px #11182766;transform:translateY(-3px)}.tp-tile:hover:after{opacity:.9}.tp-tile:hover:before{transform:translate(85%)}.tp-tile:active{transform:translateY(-1px)scale(.993)}.tp-tile:focus-visible{border-color:var(--tone-accent);box-shadow:0 0 0 3px var(--tone-glow);outline:none}.tp-tile-icon{background:var(--tone-soft);width:58px;height:58px;color:var(--tone-accent);box-shadow:inset 0 1px 0 #ffffffb3, 0 2px 6px -4px var(--tone-glow);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s,color .22s,box-shadow .28s;display:flex}.tp-tile:hover .tp-tile-icon{background:linear-gradient(145deg, var(--tone-accent) 0%, var(--tone-accent-deep) 100%);color:#fff;box-shadow:0 10px 18px -9px var(--tone-glow);transform:translateY(-2px)scale(1.06)}.tp-tile-title{letter-spacing:-.006em;color:var(--tp-ink);text-align:center;font-size:15px;font-weight:600;line-height:1.3;transition:color .22s}.tp-tile:hover .tp-tile-title{color:var(--tone-accent-deep)}@media (prefers-reduced-motion:reduce){.tp-tile,.tp-tile-icon,.tp-side-item,.tp-layout-btn{transition-duration:.01ms}.tp-tile:before{display:none}.tp-tile:hover,.tp-tile:active,.tp-side-item:hover,.tp-side-item:active,.tp-layout-btn:hover,.tp-tile:hover .tp-tile-icon{transform:none}}.tp-tile.is-live{border-color:var(--tone-line);box-shadow:0 1px 2px #1118270a, 0 4px 14px -8px var(--tone-glow)}.tp-tile.is-live:hover{border-color:var(--tone-accent);box-shadow:0 1px 2px #1118270d, 0 22px 36px -22px var(--tone-glow), 0 10px 20px -18px #11182766}.tp-body{flex:1;min-height:0}.tp-body-grid,.tp-body-rail{overflow-y:auto}.tp-body-panels .tp-board{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;height:100%;display:grid}.tp-body-panels .tp-panel{flex-direction:column;min-height:0;padding:18px 20px;display:flex}.tp-body-panels .tp-sec-payIn,.tp-body-panels .tp-sec-payOut{grid-column:span 6}.tp-body-panels .tp-sec-bbps{grid-column:span 7}.tp-body-panels .tp-sec-more{grid-column:span 5}.tp-body-panels .tp-panel-items{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(134px,200px);align-content:center;min-height:0}.tp-body-panels .tp-sec-bbps .tp-panel-items{grid-template-columns:repeat(4,minmax(0,1fr))}.tp-body-panels .tp-sec-more .tp-panel-items{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-body-panels .tp-tile{gap:10px;min-height:0;padding:14px 10px}@media (height<=760px){.tp-body-panels .tp-panel{padding:14px 16px}.tp-body-panels .tp-panel-head{margin-bottom:10px}.tp-body-panels .tp-board{gap:12px}.tp-body-panels .tp-tile{gap:7px;padding:10px 8px}.tp-body-panels .tp-tile-icon{border-radius:15px;width:50px;height:50px}.tp-body-panels .tp-panel-items{grid-auto-rows:minmax(104px,156px)}.tp-head{margin-bottom:10px}}.tp-body-grid .tp-board{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px clamp(24px,3vw,44px);display:grid}.tp-body-grid .tp-panel{background:0 0;border:none;padding:0}.tp-body-grid .tp-panel-head{margin-bottom:13px}.tp-body-grid .tp-panel-items{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.tp-body-grid .tp-tile{border-color:var(--tp-line)}.tp-body-rail{grid-template-columns:208px minmax(0,1fr);align-items:start;gap:22px;display:grid}.tp-rail{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:14px;flex-direction:column;gap:4px;padding:8px;display:flex}.tp-rail-item{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-family:inherit;transition:background .15s;display:flex}.tp-rail-item:hover{background:var(--tp-canvas)}.tp-rail-item.active{background:#e9f1fd}.tp-rail-title{color:var(--tp-ink);font-size:13.5px;font-weight:600}.tp-rail-item.active .tp-rail-title{color:var(--tp-blue)}.tp-rail-count{color:var(--tp-ink-mute);background:#1118270f;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.tp-body-rail .tp-panel{min-height:320px}.tp-body-rail .tp-panel-items{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.tp-body-rail .tp-tile{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;min-height:96px;padding:16px 18px}.tp-body-rail .tp-tile-icon{border-radius:15px;width:54px;height:54px}.tp-body-rail .tp-tile-title{text-align:left;font-size:15.5px}@media (width<=900px){.tp-body-panels .tp-board{grid-template-rows:none;grid-template-columns:minmax(0,1fr);height:auto}.tp-body-panels .tp-sec-payIn,.tp-body-panels .tp-sec-payOut,.tp-body-panels .tp-sec-bbps,.tp-body-panels .tp-sec-more{grid-column:span 1}.tp-body-panels .tp-panel-items{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.tp-body-panels .tp-tile{min-height:118px}.tp-body-rail{grid-template-columns:minmax(0,1fr)}.tp-rail{flex-direction:row;overflow-x:auto}.tp-rail-item{white-space:nowrap}}@media (width<=560px){.tp-page{padding:24px 16px 44px}.tp-date{display:none}.tp-layout-menu{width:min(286px,100vw - 32px)}.tp-panel{border-radius:16px;padding:16px}.tp-panel-items{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:9px}.tp-body-grid .tp-panel-items{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.tp-tile{min-height:88px;padding:12px 8px}.tp-tile-icon{border-radius:14px;width:48px;height:48px}}.app-sidebar{background:linear-gradient(180deg, var(--tp-blue-deep) 0%, var(--tp-blue) 58%, #1f74e6 100%);border-right:none;padding:20px 14px 24px}.app-sidebar-user{border-bottom:1px solid #ffffff24;align-items:center;gap:11px;margin-bottom:14px;padding:0 8px 18px;display:flex}.app-sidebar-avatar{background:linear-gradient(135deg, var(--tp-amber) 0%, var(--tp-orange) 100%);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:grid}.app-sidebar-user-text{flex-direction:column;gap:2px;min-width:0;display:flex}.app-sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.app-sidebar-user-role{letter-spacing:.04em;color:#ffffff9e;font-size:11px}.app-sidebar-group{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin:16px 0 6px;padding:0 10px;font-size:10px;font-weight:700}.app-sidebar-nav{flex-direction:column;gap:3px;display:flex}.app-sidebar-item{color:#ffffffd1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .2s,color .2s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.app-sidebar-item:hover{color:#fff;background:#ffffff1f;transform:translate(2px)}.app-sidebar-item--active{color:#fff;background:#ffffff29;font-weight:600}.app-sidebar-item:before{content:"";background:var(--tp-amber);border-radius:0 3px 3px 0;width:3px;height:56%;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.app-sidebar-item:hover:before,.app-sidebar-item--active:before{transform:translateY(-50%)scaleY(1)}.app-sidebar--collapsed .app-sidebar-item-label,.app-sidebar--collapsed .app-sidebar-group,.app-sidebar--collapsed .app-sidebar-user-text{display:none}.app-sidebar--collapsed .app-sidebar-item{justify-content:center;padding:11px 0}.app-sidebar--collapsed .app-sidebar-user{justify-content:center;padding:0 0 16px}.app-bg{background-color:#0000;background-image:radial-gradient(900px 520px at 6% -8%,#1565d81a 0%,#0000 62%),radial-gradient(820px 520px at 98% 104%,#f26a1b17 0%,#0000 62%),linear-gradient(158deg,#f6faff 0%,#fafaf9 48%,#fef8f2 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;position:relative}.app-bg:before{content:"";opacity:.06;pointer-events:none;z-index:0;background:url(/assets/tamilpay-logo-BwG6GN5v.png) 50%/contain no-repeat;width:460px;height:460px;position:fixed;bottom:-90px;right:-90px}.app-brandbar{z-index:2;background:#fff;border-bottom:1px solid #eceff4;align-items:center;min-height:92px;padding:10px clamp(16px,4vw,52px);display:flex;position:relative}.app-brandbar-logo{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.app-shell{z-index:1;background:0 0;min-height:calc(100vh - 92px);position:relative}.app-shell-main,.app-shell-content{background:0 0}.app-topbar{background:0 0;border-bottom:none}.app-topbar-profile{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:6px 8px 6px 6px;font-family:inherit;transition:background .16s;display:inline-flex}.app-topbar-profile:hover{background:#1565d80f}.app-topbar-avatar{color:#fff;background:#12284a;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:grid}.app-topbar-who{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.app-topbar-who-name{color:#12284a;white-space:nowrap;font-size:15px;font-weight:700}.app-topbar-who-sub{color:#8a93a4;white-space:nowrap;font-size:12.5px}@media (width<=640px){.app-topbar-who{display:none}.app-brandbar{min-height:72px}}.app-topbar-addcredit{height:38px;color:var(--tp-blue);cursor:pointer;background:#1565d814;border:none;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .16s;display:inline-flex}.app-topbar-addcredit:hover{background:#1565d824}.app-topbar-wallet{background:0 0;border:none;align-items:baseline;gap:8px;padding:0;display:inline-flex}.app-topbar-wallet-label{letter-spacing:.1em;text-transform:uppercase;color:#8a93a4;font-size:11px;font-weight:700}.app-topbar-wallet-amount{color:#12284a;font-size:17px;font-weight:700}.app-brandbar{z-index:90;justify-content:space-between;gap:16px;position:sticky;top:0}.app-topbar{min-height:0;box-shadow:none;background:0 0;border-bottom:none;flex-wrap:nowrap;flex:auto;justify-content:flex-end;padding:0;position:static}.app-bg{--tp-bar:92px}@media (width>=901px){.app-shell{height:calc(100vh - var(--tp-bar));min-height:0;overflow:hidden}.app-sidebar,.app-sidebar--collapsed{height:calc(100vh - var(--tp-bar));top:var(--tp-bar)}.app-shell-main{min-height:0}.app-shell-content{flex-direction:column;min-height:0;display:flex;overflow:auto}}.app-sidebar-badge{background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;margin-top:auto;padding:11px 12px}.app-sidebar-badge span{color:#ffffffeb;font-weight:600}.app-sidebar--collapsed .app-sidebar-badge{justify-content:center;padding:11px 0}@media (width<=640px){.app-bg{--tp-bar:72px}}.theme-green{--theme-accent:#1565d8;--theme-accent-dark:#0d4fb0;--theme-accent-rgb:21, 101, 216;--theme-heading:#0d4fb0;--theme-heading-rgb:13, 79, 176;--theme-tint:#eaf2fe}.theme-blue{--theme-accent:#f26a1b;--theme-accent-dark:#d4560e;--theme-accent-rgb:242, 106, 27;--theme-heading:#c24e0c;--theme-heading-rgb:194, 78, 12;--theme-tint:#fef1e8}.theme-purple{--theme-accent:#0d4fb0;--theme-accent-dark:#093a83;--theme-accent-rgb:13, 79, 176;--theme-heading:#093a83;--theme-heading-rgb:9, 58, 131;--theme-tint:#e6eefb}@media (width<=900px){.app-brandbar{gap:10px;min-height:76px;padding:8px clamp(12px,3vw,24px)}.app-topbar-right{gap:9px}}@media (width<=560px){.app-brandbar{gap:8px;min-height:64px;padding:7px 12px}.app-brandbar-logo img{height:40px!important}.app-topbar-right{gap:7px}.app-topbar-wallet-amount{font-size:13px}.app-topbar-avatar{width:32px;height:32px}}@media (width<=380px){.app-topbar-wallet{display:none}.app-brandbar-logo img{height:34px!important}}@media (width<=900px){.app-shell{flex-direction:column}.app-sidebar,.app-sidebar--collapsed{-webkit-overflow-scrolling:touch;border-right:none;flex-direction:row;align-items:center;gap:4px;width:100%;height:auto;padding:7px 10px;position:static;overflow:auto hidden}.app-sidebar-user,.app-sidebar-group,.app-sidebar-badge{display:none}.app-sidebar-nav{flex-direction:row;flex:none;gap:3px}.app-sidebar-item{white-space:nowrap;flex:none;width:auto;padding:8px 12px;font-size:12.5px}.app-sidebar-item:hover{transform:none}.app-sidebar-item-label,.app-sidebar--collapsed .app-sidebar-item-label{display:inline}.app-sidebar-item:before{border-radius:3px 3px 0 0;width:auto;height:3px;inset:auto 12px 2px;transform:scaleX(0)}.app-sidebar-item:hover:before,.app-sidebar-item--active:before{transform:scaleX(1)}.tp-page{padding:16px 14px 22px}.tp-head{margin-bottom:12px}.tp-body{flex:none;min-height:0}.tp-body-panels .tp-board{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:12px;height:auto}.tp-body-panels .tp-sec-payIn,.tp-body-panels .tp-sec-payOut,.tp-body-panels .tp-sec-bbps,.tp-body-panels .tp-sec-more{grid-column:1/-1}.tp-body-panels .tp-panel-items,.tp-body-panels .tp-sec-bbps .tp-panel-items,.tp-body-panels .tp-sec-more .tp-panel-items{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:8px}.tp-body-panels .tp-panel{padding:14px 14px 16px}.tp-body-panels .tp-tile{gap:8px;padding:12px 6px}.tp-tile-icon{border-radius:13px;width:44px;height:44px}.tp-tile-title{font-size:12.5px}}@media (width<=480px){.tp-body-panels .tp-panel-items,.tp-body-panels .tp-sec-bbps .tp-panel-items,.tp-body-panels .tp-sec-more .tp-panel-items{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-page{padding:14px 12px 20px}.tp-greeting{font-size:19px}}.pgs-page{flex-direction:column;min-height:100vh;display:flex}.pgs-main{z-index:1;flex:1;place-items:start center;padding:clamp(24px,6vh,64px) 16px 40px;display:grid;position:relative}.pgs-card{--pgs-accent:#1565d8;--pgs-soft:#e6eefb;text-align:center;background:#fff;border:1px solid #e4e9f2;border-radius:22px;width:100%;max-width:440px;padding:clamp(24px,5vw,36px) clamp(20px,5vw,32px);box-shadow:0 18px 40px -24px #0d4fb059}.pgs-card--ok{--pgs-accent:#16a34a;--pgs-soft:#e3f6ea}.pgs-card--bad{--pgs-accent:#dc2626;--pgs-soft:#fde8e8}.pgs-card--wait{--pgs-accent:#f26a1b;--pgs-soft:#fef1e8}.pgs-icon{background:var(--pgs-soft);width:76px;height:76px;color:var(--pgs-accent);border-radius:24px;place-items:center;margin-bottom:14px;display:inline-grid}.pgs-icon svg{color:var(--pgs-accent)}.pgs-title{color:var(--pgs-accent);margin:0 0 6px;font-size:22px;font-weight:700}.pgs-message{color:#4a5568;margin:0 0 18px;font-size:14px}.pgs-message--error{color:#dc2626}.pgs-rows{border-top:1px solid #eef1f6;margin:0 0 18px}.pgs-row{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 2px;display:flex}.pgs-row dt{color:#7c8491;font-size:12.5px;font-weight:600}.pgs-row dd{color:#111827;word-break:break-all;text-align:right;margin:0;font-size:14px;font-weight:700}.pgs-form{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.pgs-refresh{color:#0d4fb0;cursor:pointer;background:#fff;border:1px solid #e4e9f2;border-radius:10px;align-items:center;gap:7px;margin-bottom:14px;padding:10px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.pgs-refresh:disabled{opacity:.6;cursor:default}.pgs-spin{animation:.9s linear infinite pgs-spin}@keyframes pgs-spin{to{transform:rotate(360deg)}}.pgs-back{color:#0d4fb0;font-size:13px;font-weight:600;text-decoration:underline;display:block}.pgr-banner{--pgr-accent:#1565d8;--pgr-soft:#e6eefb;border:1px solid var(--pgr-soft);border-left:4px solid var(--pgr-accent);text-align:left;background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;box-shadow:0 10px 28px -20px #0d4fb066}.pgr-banner--ok{--pgr-accent:#16a34a;--pgr-soft:#e3f6ea}.pgr-banner--bad{--pgr-accent:#dc2626;--pgr-soft:#fde8e8}.pgr-banner--wait{--pgr-accent:#f26a1b;--pgr-soft:#fef1e8}.pgr-icon{background:var(--pgr-soft);border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.pgr-icon svg{color:var(--pgr-accent)}.pgr-body{flex:1;min-width:0}.pgr-title{color:var(--pgr-accent);text-align:left;margin:0 0 2px;font-size:15px;font-weight:700}.pgr-message{color:#4a5568;text-align:left;margin:0 0 8px;font-size:13px}.pgr-rows{flex-wrap:wrap;gap:6px 26px;margin:0;display:flex}.pgr-rows dt{letter-spacing:.06em;text-transform:uppercase;color:#8a93a4;text-align:left;font-size:10.5px;font-weight:700}.pgr-rows dd{color:#111827;word-break:break-all;text-align:left;margin:0;font-size:13.5px;font-weight:700}.pgr-close{color:#8a93a4;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.pgr-close:hover{color:#0d4fb0;background:#f3f7fd}.bank-combo{position:relative}.bank-combo .form-input.no-icon.bank-combo-input{text-align:left;padding-left:40px;padding-right:38px}.bank-combo-icon{color:#8a93a4;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.bank-combo-chevron{color:#8a93a4;pointer-events:none;transition:transform .15s;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.bank-combo-chevron.is-open{transform:translateY(-50%)rotate(180deg)}.bank-combo-list{z-index:40;text-align:left;background:#fff;border:1px solid #e4e9f2;border-radius:14px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px -18px #0d4fb059}.bank-combo-option{color:#1f2937;cursor:pointer;text-align:left;border-radius:9px;padding:9px 12px;font-size:13.5px}.bank-combo-option.is-active{color:#0d4fb0;background:#eaf2fe}.bank-combo-option.is-selected{color:#0d4fb0;font-weight:700}.bank-combo-empty{color:#7c8491;text-align:left;padding:12px;font-size:13px}.cc-page{text-align:left;padding:clamp(18px,3vw,32px) clamp(14px,3vw,32px) 40px;font-family:Inter,sans-serif}.cc-inner{flex-direction:column;gap:16px;max-width:940px;margin:0 auto;display:flex}.cc-back{color:#4a5568;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:7px;padding:6px 2px;font:600 14px Inter,sans-serif;display:inline-flex}.cc-back:hover{color:var(--tp-blue)}.cc-hero{color:#fff;background:linear-gradient(120deg, var(--tp-blue-deep) 0%, var(--tp-blue) 55%, #2e8af0 100%);border-radius:22px;align-items:center;gap:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px -22px #0d4fb0bf}.cc-hero:after{content:"";background:radial-gradient(circle,#f5a3148c 0%,#f26a1b00 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-40px}.cc-hero-icon{z-index:1;background:#ffffff29;border:1px solid #ffffff3d;border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;position:relative}.cc-hero-icon svg{color:#fff}.cc-hero>div{z-index:1;position:relative}.cc-title{color:#fff;text-align:left;margin:0 0 3px;font-size:clamp(18px,2.2vw,22px);font-weight:700}.cc-subtitle{color:#ffffffd1;text-align:left;margin:0;font-size:13.5px}.cc-card{background:#fff;border:1px solid #e4e9f2;border-radius:22px;padding:clamp(16px,2.6vw,24px);box-shadow:0 14px 34px -26px #0d4fb073}.cc-card--form{align-self:center;width:100%;max-width:520px}.cc-search{background:#f6f8fc;border:1.5px solid #e4e9f2;border-radius:14px;align-items:center;height:50px;padding:0 14px 0 44px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.cc-search:focus-within{border-color:var(--tp-blue);background:#fff;box-shadow:0 0 0 4px #1565d81a}.cc-search-icon{color:#8a93a4;position:absolute;left:15px}.cc-search input{color:#111827;text-align:left;background:0 0;border:none;outline:none;flex:1;min-width:0;font:500 15px Inter,sans-serif}.cc-search-clear{color:#0d4fb0;cursor:pointer;background:#e6eefb;border:none;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.cc-section-label{letter-spacing:.08em;text-transform:uppercase;color:#8a93a4;text-align:left;margin:18px 2px 10px;font-size:11px;font-weight:700}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.cc-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #eef1f6;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.cc-row:hover{border-color:#1565d859;transform:translateY(-1px);box-shadow:0 10px 22px -18px #0d4fb099}.cc-row:hover .cc-row-chevron{color:var(--tp-orange);transform:translate(2px)}.cc-row--skeleton{cursor:default;background:linear-gradient(90deg,#f3f6fb 0%,#e9eef7 50%,#f3f6fb 100%) 0 0/200% 100%;border-color:#0000;animation:1.2s linear infinite cc-shimmer}@keyframes cc-shimmer{to{background-position:-200% 0}}.cc-row-name{color:#111827;text-align:left;flex:1;min-width:0;font-size:14px;font-weight:600}.cc-row-chevron{color:#b0b8c4;flex-shrink:0;transition:color .15s,transform .15s}.cc-avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.cc-empty{color:#7c8491;text-align:left;margin:8px 2px;font-size:14px}.cc-selected{border-bottom:1px solid #eef1f6;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;display:flex}.cc-selected-text{flex:1;min-width:0}.cc-selected-name{color:#111827;text-align:left;margin:0;font-size:16px;font-weight:700}.cc-selected-sub{color:#8a93a4;text-align:left;margin:2px 0 0;font-size:12.5px}.cc-change{color:#c24e0c;cursor:pointer;background:#fef1e8;border:none;border-radius:9px;padding:7px 12px;font:700 12.5px Inter,sans-serif}.cc-field{margin-bottom:16px;display:block}.cc-field-label{color:#4a5568;text-align:left;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.cc-input{background:#fff;border:1.5px solid #e4e9f2;border-radius:14px;align-items:center;height:52px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.cc-input:focus-within{border-color:var(--tp-blue);box-shadow:0 0 0 4px #1565d81a}.cc-field.has-error .cc-input{border-color:#dc2626}.cc-input-prefix{color:#4a5568;white-space:nowrap;background:#f6f8fc;border-right:1px solid #e4e9f2;align-items:center;gap:6px;height:100%;padding:0 12px 0 14px;font-size:14px;font-weight:600;display:inline-flex}.cc-input-prefix--dots{letter-spacing:.12em;color:#8a93a4}.cc-input input{color:#111827;text-align:left;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:0 14px;font:600 16px Inter,sans-serif}.cc-field-error{color:#dc2626;text-align:left;margin-top:6px;font-size:12.5px;display:block}.cc-notice{color:#0d4fb0;text-align:left;background:#eaf2fe;border-radius:12px;align-items:flex-start;gap:10px;margin:4px 0 16px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.cc-notice svg{flex-shrink:0;margin-top:1px}.cc-notice span{color:inherit;text-align:left}.cc-notice--error{color:#c24e0c;background:#fef1e8;margin:0}.cc-submit{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--tp-orange) 0%, #f58a1f 100%);border:none;border-radius:14px;width:100%;height:52px;font:700 16px Inter,sans-serif;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 24px -14px #f26a1be6}.cc-submit:hover{transform:translateY(-1px);box-shadow:0 16px 28px -14px #f26a1bf2}.cc-secure{color:#8a93a4;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:12px;display:flex}.cc-footer{color:#8a93a4;justify-content:center;align-items:center;gap:7px;margin:4px 0 0;font-size:12.5px;font-weight:600;display:flex}.cc-footer svg{color:#16a34a}@media (width<=560px){.cc-hero{border-radius:18px;padding:18px}.cc-grid{grid-template-columns:minmax(0,1fr)}}.cc-avatar--logo{background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px #e4e9f2}.cc-avatar--logo img{-o-object-fit:contain;object-fit:contain;width:68%;height:68%;display:block}.cc-popular{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.cc-popular-item{cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px 8px;transition:background .15s,transform .15s;display:flex}.cc-popular-item:hover .cc-avatar{box-shadow:inset 0 0 0 1px #1565d859,0 8px 18px -12px #0d4fb099}.cc-popular-label{color:#1f2937;text-align:center;font-size:12.5px;font-weight:600;line-height:1.25}@media (width<=720px){.cc-popular{grid-template-columns:repeat(4,minmax(0,1fr))}}.cc-page{padding-top:clamp(12px,2vw,20px)}.cc-inner{gap:12px}.cc-hero{border-radius:18px;gap:14px;padding:12px 16px}.cc-hero:after{width:160px;height:160px;top:-70px;right:40px}.cc-hero-back{z-index:1;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff3d;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .15s;display:grid;position:relative}.cc-hero-back:hover{background:#ffffff42}.cc-hero-back svg{color:#fff}.cc-hero-text{z-index:1;flex:1;min-width:0;position:relative}.cc-title{margin-bottom:1px;font-size:clamp(16px,1.8vw,19px)}.cc-subtitle{font-size:12.5px}.cc-hero-icon{border-radius:12px;width:40px;height:40px}.cc-card{padding:clamp(14px,2vw,20px)}.cc-search{height:46px}.cc-section-label{margin:14px 2px 8px}.cc-popular-item{gap:6px;padding:6px 4px}.cc-row{min-height:58px;padding:8px 12px}.cc-avatar--logo img{width:84%;height:84%}@media (width<=560px){.cc-subtitle,.cc-hero-icon{display:none}}.cc-hero:after{display:none}.cc-hero{background:linear-gradient(110deg, var(--tp-blue-deep) 0%, var(--tp-blue) 70%, #2e8af0 100%)}.cc-inner--form{max-width:560px}.cc-inner--form .cc-card--form{max-width:none}.cc-logo{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #e6ebf3}.cc-logo img{-o-object-fit:contain;object-fit:contain;max-width:82%;max-height:66%;display:block}.cc-logo--initials{box-shadow:none;letter-spacing:.03em;font-weight:800}.cc-logo--popular{border-radius:14px}.cc-logo--popular img{max-width:80%;max-height:62%}.cc-popular{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:4px}.cc-popular-item{border-radius:14px;padding:0}.cc-popular-item .cc-logo{transition:box-shadow .15s,transform .15s;width:100%!important;height:60px!important}.cc-popular-item:hover{background:0 0;transform:none}.cc-popular-item:hover .cc-logo{box-shadow:inset 0 0 0 1.5px var(--tp-blue), 0 10px 20px -14px #0d4fb08c;transform:translateY(-2px)}.cc-popular-item:focus-visible{outline:2px solid var(--tp-blue);outline-offset:2px}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.cc-row{border-radius:14px;gap:14px;min-height:64px;padding:10px 12px}.cc-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cc-row-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:14px;font-weight:600;overflow:hidden}.cc-row-sub{color:#8a93a4;text-align:left;font-size:12px}.cc-selected{gap:14px;margin-bottom:18px;padding-bottom:16px}.cc-selected-name{font-size:16px;line-height:1.3}.cc-change{border-radius:10px;padding:8px 14px}.cc-change:hover{background:#fde3d2}.cc-input{border-radius:12px;height:50px}.cc-input-prefix{color:#4a5568;letter-spacing:normal;flex-shrink:0;justify-content:center;gap:7px;width:88px;padding:0;font-size:14px}.cc-input-prefix svg{color:#8a93a4}.cc-input input{padding:0 16px;font-size:16px}.cc-input input.cc-input-card{letter-spacing:.24em}.cc-input input::placeholder{color:#b0b8c4;letter-spacing:normal;font-weight:500}.cc-field{margin-bottom:18px}.cc-field-label{margin-bottom:8px;font-size:12.5px}.cc-submit{border-radius:12px;height:50px;margin-top:4px}@media (width<=720px){.cc-popular{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-popular-item .cc-logo{height:54px!important}}@media (width<=560px){.cc-grid{grid-template-columns:minmax(0,1fr)}}.ccp-page{text-align:left;padding:clamp(10px,1.6vw,20px);font-family:Inter,sans-serif}.ccp-panel{z-index:1;background:#fff;border:1px solid #e8ecf3;border-radius:20px;padding:6px clamp(16px,2.4vw,32px) 18px;position:relative;box-shadow:0 16px 40px -30px #0d4fb073}.ccp-bar{align-items:center;gap:14px;height:64px;display:flex}.ccp-back{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;width:40px;height:40px;margin-left:-8px;transition:background .15s;display:grid}.ccp-back:hover{background:#f1f5fd}.ccp-back svg{color:#111827}.ccp-title{color:#111827;letter-spacing:-.01em;text-align:left;margin:0;font-size:clamp(18px,2vw,22px);font-weight:700}.ccp-search{background:#eef3fd;border:1.5px solid #0000;border-radius:999px;align-items:center;height:54px;margin:4px 0 6px;padding:0 16px 0 52px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.ccp-search:focus-within{border-color:var(--tp-blue);background:#fff;box-shadow:0 0 0 4px #1565d81a}.ccp-search-icon{color:#4a5568;position:absolute;left:20px}.ccp-search input{color:#111827;text-align:left;background:0 0;border:none;outline:none;flex:1;min-width:0;font:500 16px Inter,sans-serif}.ccp-search input::placeholder{color:#8a93a4;font-weight:400}.ccp-search-clear{color:#0d4fb0;cursor:pointer;background:#dce7fb;border:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.ccp-heading{color:#111827;text-align:left;margin:22px 0 14px;font-size:17px;font-weight:700}.ccp-avatar{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #e3e8f0}.ccp-avatar img{-o-object-fit:contain;object-fit:contain;width:54%;height:54%;display:block}.ccp-avatar--initials{box-shadow:none;letter-spacing:.02em;font-weight:800}.ccp-popular{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px 12px;display:grid}.ccp-popular-item{cursor:pointer;background:0 0;border:none;border-radius:16px;place-items:center;padding:10px 0;transition:background .15s;display:grid}.ccp-popular-item:hover{background:#f4f7fd}.ccp-popular-item .ccp-avatar{transition:box-shadow .15s,transform .15s}.ccp-popular-item:hover .ccp-avatar{box-shadow:inset 0 0 0 1.5px var(--tp-blue), 0 10px 22px -14px #0d4fb08c;transform:translateY(-2px)}.ccp-popular-item:focus-visible{outline:2px solid var(--tp-blue);outline-offset:2px}.ccp-list{-moz-column-gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));column-gap:28px;display:grid}.ccp-row{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #eef1f6;border-radius:0;align-items:center;gap:18px;width:100%;min-height:76px;padding:12px 10px;transition:background .15s;display:flex}.ccp-row:hover{background:#f7f9fe;border-radius:12px}.ccp-row-name{color:#1f2937;text-align:left;flex:1;min-width:0;font-size:16px;font-weight:500;line-height:1.35}.ccp-row-chevron{color:#c3cad5;flex-shrink:0;transition:color .15s,transform .15s}.ccp-row:hover .ccp-row-chevron{color:var(--tp-orange);transform:translate(2px)}.ccp-row--skeleton{cursor:default;background:linear-gradient(90deg,#f3f6fb 0%,#e9eef7 50%,#f3f6fb 100%) 0 0/200% 100%;border-bottom-color:#0000;border-radius:12px;min-height:64px;margin:6px 0;animation:1.2s linear infinite cc-shimmer}.ccp-empty{color:#7c8491;text-align:left;margin:4px 0 8px;font-size:15px}.ccp-form{max-width:520px;margin:8px auto 4px}.ccp-selected{border-bottom:1px solid #eef1f6;align-items:center;gap:16px;margin-bottom:18px;padding:14px 0 18px;display:flex}.ccp-selected-text{flex:1;min-width:0}.ccp-selected-name{color:#111827;text-align:left;margin:0;font-size:17px;font-weight:700;line-height:1.3}.ccp-selected-sub{color:#8a93a4;text-align:left;margin:3px 0 0;font-size:13px}.ccp-footer{color:#7c8491;border-top:1px solid #eef1f6;justify-content:center;align-items:center;gap:7px;margin-top:20px;padding-top:16px;font-size:13px;font-weight:600;display:flex}.ccp-footer svg{color:#16a34a}@media (width<=720px){.ccp-popular{grid-template-columns:repeat(4,minmax(0,1fr))}.ccp-popular .ccp-avatar{width:60px!important;height:60px!important}.ccp-list{grid-template-columns:minmax(0,1fr)}.ccp-row{gap:14px;min-height:68px}.ccp-row-name{font-size:15px}}.ccb-account{color:#fff;background:linear-gradient(115deg, var(--tp-blue-deep) 0%, var(--tp-blue) 75%, #2e8af0 100%);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.ccb-account .ccb-label{color:#ffffffb8}.ccb-account-side,.ccb-account-side .ccb-label{text-align:right}.ccb-holder{color:#fff;text-transform:capitalize;text-align:left;margin:2px 0 0;font-size:17px;font-weight:700}.ccb-card{color:#fff;letter-spacing:.12em;text-align:right;margin:2px 0 0;font-size:17px;font-weight:700}.ccb-label{letter-spacing:.08em;text-transform:uppercase;color:#8a93a4;text-align:left;margin:0;font-size:11px;font-weight:700}.ccb-label--section{margin:20px 0 10px}.ccb-dates{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ccb-chip{color:#0d4fb0;background:#eaf2fe;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.ccb-chip svg{color:inherit}.ccb-chip.is-soon{color:#c24e0c;background:#fef1e8}.ccb-chip.is-overdue{color:#b91c1c;background:#fde8e8}.ccb-chip--muted{color:#4a5568;background:#f3f5f9}.ccb-options{flex-direction:column;gap:10px;display:flex}.ccb-option{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e4e9f2;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.ccb-option:hover{border-color:#1565d866}.ccb-option.is-selected{border-color:var(--tp-blue);background:#f5f9ff;box-shadow:0 0 0 3px #1565d814}.ccb-radio{border:2px solid #b0b8c4;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .15s;position:relative}.is-selected .ccb-radio{border-color:var(--tp-blue)}.is-selected .ccb-radio:after{content:"";background:var(--tp-blue);border-radius:50%;position:absolute;inset:3px}.ccb-option-text{color:#1f2937;text-align:left;flex:1;min-width:0;font-size:15px;font-weight:500}.ccb-option-amount{color:#111827;white-space:nowrap;font-size:16px;font-weight:700}.ccb-option--other{cursor:default;padding:0 16px 0 0}.ccb-option-hit{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;min-height:56px;padding:12px 0 12px 16px;display:flex}.ccb-other-input{background:#fff;border:1.5px solid #d2dae8;border-radius:10px;align-items:center;gap:4px;height:40px;padding:0 12px;display:inline-flex}.ccb-other-input:focus-within{border-color:var(--tp-blue)}.ccb-other-input span{color:#4a5568;font-size:16px;font-weight:700}.ccb-other-input input{color:#111827;text-align:right;background:0 0;border:none;outline:none;width:120px;font:700 16px Inter,sans-serif}.ccb-hint{color:#7c8491;text-align:left;margin:8px 2px 0;font-size:12.5px}.ccb .cc-submit{margin-top:18px}.cc-submit:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.ccb-edit{color:#0d4fb0;cursor:pointer;background:0 0;border:none;margin:12px auto 0;font:600 13.5px Inter,sans-serif;display:block}.ccb-edit:hover{text-decoration:underline}@media (width<=480px){.ccb-option--other{flex-wrap:wrap;padding:0 12px 12px 0}.ccb-other-input{margin-left:48px}}.ccb-clear{text-align:center;padding:8px 4px 4px}.ccb-clear-icon{background:#e3f6ea;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:12px;display:inline-grid}.ccb-clear-icon svg{color:#16a34a}.ccb-clear-title{color:#15803d;text-align:center;margin:0 0 6px;font-size:20px;font-weight:700}.ccb-clear-text{color:#4a5568;text-align:center;max-width:380px;margin:0 auto 10px;font-size:14px;line-height:1.5}.ccb-clear-bank{color:#7c8491;text-align:center;background:#f6f8fc;border-radius:10px;max-width:380px;margin:0 auto 6px;padding:10px 12px;font-size:12.5px}.ccb-clear .cc-submit{margin-top:16px}.ccp-form--bill{max-width:1040px}.ccp-selected-sub.is-fetched{color:#15803d;align-items:center;gap:5px;font-weight:600;display:inline-flex}.ccp-selected-sub.is-fetched svg{color:#16a34a}.ccb{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.ccb-face{aspect-ratio:1.586;color:#fff;background:radial-gradient(120% 90% at 100% 0%, #f5a31459 0%, #f26a1b00 55%), linear-gradient(135deg, #0a3f94 0%, var(--tp-blue-deep) 35%, var(--tp-blue) 75%, #2e8af0 100%);border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-height:270px;padding:clamp(16px,2.4vw,24px);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 40px -24px #0d4fb0d9}.ccb-face:before{content:"";background:#ffffff12;border-radius:50%;width:80%;height:110%;position:absolute;inset:auto -30% -55% auto}.ccb-face>*{position:relative}.ccb-face-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ccb-face-bank{color:#fff;text-align:left;font-size:15px;font-weight:700}.ccb-face .ccp-avatar{box-shadow:0 4px 12px -4px #00000059}.ccb-face-chip{background:linear-gradient(135deg,#f7d27a 0%,#e8b04b 45%,#f5d88e 100%);border-radius:7px;width:44px;height:32px;box-shadow:inset 0 0 0 1px #78500a40}.ccb-face-number{letter-spacing:.14em;color:#fff;text-align:left;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(17px,2.2vw,22px);font-weight:600}.ccb-face-bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ccb-face-right{text-align:right}.ccb-face-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;text-align:inherit;margin:0;font-size:10px;font-weight:700}.ccb-face-value{color:#fff;text-transform:uppercase;letter-spacing:.03em;text-align:inherit;margin:3px 0 0;font-size:15px;font-weight:700}.ccb-facts{border:1px solid #eef1f6;border-radius:16px;margin:18px 0 0;overflow:hidden}.ccb-fact{border-top:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.ccb-fact:first-child{border-top:none}.ccb-fact dt{color:#4a5568;text-align:left;font-size:14px}.ccb-fact dd{color:#111827;text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;display:inline-flex}.ccb-fact--lead{background:#f5f9ff}.ccb-fact--lead dt{color:#111827;font-weight:600}.ccb-fact--lead dd{color:var(--tp-blue-deep);font-size:20px}.ccb-fact .ccb-chip{padding:4px 9px;font-size:11.5px}.ccb-pay{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:20px;box-shadow:0 14px 34px -28px #0d4fb08c}.ccb-pay-title{color:#111827;text-align:left;margin:0 0 14px;font-size:16px;font-weight:700}.ccb-option-text{flex-direction:column;gap:2px;display:flex}.ccb-option-sub{color:#8a93a4;font-size:12px;font-weight:400}.ccb-total{border-top:1px dashed #d9e0eb;justify-content:space-between;align-items:baseline;margin:18px 0 0;padding:14px 2px 0;display:flex}.ccb-total span{color:#4a5568;font-size:14px;font-weight:600}.ccb-total strong{color:#111827;letter-spacing:-.01em;font-size:24px;font-weight:800}.ccb-pay .cc-submit{margin-top:14px}@media (width<=860px){.ccb{grid-template-columns:minmax(0,1fr);gap:18px}.ccb-face{max-height:none}}@media (width<=420px){.ccb-face-number{letter-spacing:.08em}.ccb-pay{padding:16px}}.ccp-panel--form .ccp-bar{height:52px}.ccp-form--bill{max-width:1120px;margin-top:0}.ccp-form--bill .ccp-selected{gap:12px;margin-bottom:14px;padding:4px 0 12px}.ccp-form--bill .ccp-selected .ccp-avatar{width:44px!important;height:44px!important}.ccp-form--bill .ccp-selected-name{font-size:16px}.ccp-form--bill .cc-secure{display:none}.ccp-panel--form .ccp-footer{margin-top:12px;padding-top:10px}.ccp-form--bill .ccb{align-items:stretch;gap:22px}.ccp-form--bill .ccb-bill{flex-direction:column;display:flex}.ccp-form--bill .ccb-face{aspect-ratio:auto;border-radius:18px;height:205px;max-height:205px;padding:18px 20px}.ccp-form--bill .ccb-face-number{font-size:19px}.ccp-form--bill .ccb-face-chip{width:38px;height:28px}.ccp-form--bill .ccb-facts{flex-direction:column;flex:1;margin-top:14px;display:flex}.ccp-form--bill .ccb-fact{flex:1;min-height:44px;padding:10px 16px}.ccp-form--bill .ccb-fact dt{font-size:13.5px}.ccp-form--bill .ccb-fact dd{font-size:14.5px}.ccp-form--bill .ccb-fact--lead dd{font-size:18px}.ccp-form--bill .ccb-pay{flex-direction:column;padding:18px;display:flex}.ccp-form--bill .ccb-pay-title{margin-bottom:12px;font-size:15px}.ccp-form--bill .ccb-options{gap:8px}.ccp-form--bill .ccb-option{min-height:54px;padding:9px 14px}.ccp-form--bill .ccb-option-hit{min-height:52px;padding:9px 0 9px 14px}.ccp-form--bill .ccb-option--other{padding:0 14px 0 0}.ccp-form--bill .ccb-total{margin-top:auto;padding-top:12px}.ccp-form--bill .ccb-options+.cc-field-error,.ccp-form--bill .ccb-options{margin-bottom:12px}.ccp-form--bill .ccb-total strong{font-size:22px}.ccp-form--bill .ccb-pay .cc-submit{height:48px;margin-top:12px}.ccp-form--bill .ccb-edit{margin-top:8px}@media (height<=820px){.ccp-page{padding-top:8px;padding-bottom:8px}.ccp-panel--form .ccp-bar{height:44px}.ccp-form--bill .ccp-selected{margin-bottom:10px;padding:0 0 8px}.ccp-form--bill .ccp-selected .ccp-avatar{width:38px!important;height:38px!important}.ccp-form--bill .ccb-face{height:168px;max-height:168px;padding:14px 18px}.ccp-form--bill .ccb-face-chip{display:none}.ccp-form--bill .ccb-face-number{font-size:17px}.ccp-form--bill .ccb-facts{margin-top:10px}.ccp-form--bill .ccb-fact{min-height:38px;padding:7px 14px}.ccp-form--bill .ccb-option-sub{display:none}.ccp-form--bill .ccb-option{min-height:46px;padding:7px 14px}.ccp-form--bill .ccb-option-hit{min-height:44px;padding:7px 0 7px 14px}.ccp-form--bill .ccb-pay{padding:14px 16px}.ccp-form--bill .ccb-pay-title{margin-bottom:10px}.ccp-form--bill .ccb-pay .cc-submit{height:44px;margin-top:10px}.ccp-panel--form .ccp-footer{display:none}}@media (width<=860px){.ccp-form--bill .ccb-face{aspect-ratio:1.586;height:auto;max-height:220px}.ccp-form--bill .ccb-total{margin-top:14px}}@media (width>=861px){.ccp-page,.ccp-panel--form{flex-direction:column;flex:1;min-height:0;display:flex}.ccp-panel--form>.ccp-form{width:100%}.ccp-form--bill{flex-direction:column;flex:1;max-width:none;min-height:0;margin:0;display:flex}.ccp-form--bill>.ccb{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0}.ccp-form--bill .ccb-facts,.ccp-form--bill .ccb-fact{flex:1}.ccp-form--bill .ccb-pay{min-height:0}.ccp-form--bill .ccb-total{margin-top:auto}}.ccp-form--bill .ccb-option{cursor:pointer;min-height:54px;padding:9px 16px}.ccb-option:focus-visible{outline:2px solid var(--tp-blue);outline-offset:2px}.ccb-option .ccb-other-input{height:38px;margin-left:auto}@media (height<=820px){.ccp-form--bill .ccb-option{min-height:46px;padding:7px 16px}}@media (width>=861px){.ccp-form--bill .ccb-face{aspect-ratio:auto;border-radius:22px;flex:auto;height:auto;min-height:220px;max-height:360px;padding:clamp(20px,2.2vw,28px) clamp(22px,2.4vw,32px)}.ccp-form--bill .ccb-face-bank{font-size:17px}.ccp-form--bill .ccb-face-number{letter-spacing:.16em;font-size:clamp(20px,1.9vw,27px)}.ccp-form--bill .ccb-face-label{font-size:10.5px}.ccp-form--bill .ccb-face-value{font-size:clamp(15px,1.4vw,18px)}.ccp-form--bill .ccb-face .ccp-avatar{width:48px!important;height:48px!important}.ccp-form--bill .ccb-facts{flex:none}.ccp-form--bill .ccb-fact{flex:none;min-height:0;padding:12px 18px}}@media (width>=861px) and (height>=821px){.ccp-form--bill .ccb-face-chip{border-radius:8px;width:48px;height:36px;display:block}}.ccb-summary{background:#f6f8fc;border-radius:14px;margin:18px 0 0;padding:14px 16px}.ccb-summary>div{justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}.ccb-summary dt{color:#4a5568;text-align:left;font-size:13.5px}.ccb-summary dd{color:#111827;text-align:right;white-space:nowrap;margin:0;font-size:14.5px;font-weight:700}.ccb-summary .ccb-summary-end{border-top:1px solid #e3e8f0;margin-top:6px;padding-top:11px}.ccb-summary .ccb-summary-end dt{color:#111827;font-weight:600}.ccb-summary dd.is-clear{color:#15803d}.ccb-note{color:#7c8491;text-align:left;align-items:center;gap:8px;margin:12px 2px 0;font-size:12.5px;display:flex}.ccb-note svg{color:var(--tp-orange);flex-shrink:0}@media (height<=820px){.ccb-summary{margin-top:12px;padding:10px 14px}.ccb-summary>div{padding:3px 0}.ccb-summary .ccb-summary-end{margin-top:4px;padding-top:8px}.ccb-note{margin-top:8px}}@media (width>=861px){.ccp-panel--form,.ccp-form--bill{flex:none}.ccp-form--bill>.ccb{flex:none;grid-template-columns:minmax(340px,440px) minmax(0,1fr);align-items:stretch;gap:24px}.ccp-form--bill .ccb-face{aspect-ratio:1.586;border-radius:20px;flex:none;width:100%;height:auto;min-height:0;max-height:none;padding:22px 24px}.ccp-form--bill .ccb-face-bank{font-size:15px}.ccp-form--bill .ccb-face-number{letter-spacing:.14em;font-size:20px}.ccp-form--bill .ccb-face-value{font-size:15px}.ccp-form--bill .ccb-face .ccp-avatar{width:42px!important;height:42px!important}.ccp-form--bill .ccb-face-chip{border-radius:7px;width:44px;height:33px;display:block}.ccp-form--bill .ccb-facts{flex:auto;margin-top:16px}.ccp-form--bill .ccb-fact{flex:auto;padding:12px 18px}}@media (width>=861px) and (height<=820px){.ccp-form--bill>.ccb{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.ccp-form--bill .ccb-face{padding:16px 18px}.ccp-form--bill .ccb-face-number{font-size:17px}.ccp-form--bill .ccb-face-chip{width:36px;height:27px}.ccp-form--bill .ccb-face .ccp-avatar{width:36px!important;height:36px!important}.ccp-form--bill .ccb-facts{margin-top:12px}.ccp-form--bill .ccb-fact{padding:8px 16px}}.ccb-confirm{color:#92560b;text-align:left;background:#fef6e4;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.cc-submit.is-confirm{background:linear-gradient(90deg,#16a34a 0%,#15803d 100%);box-shadow:0 12px 24px -14px #15803de6}.ccb-edit:disabled{opacity:.5;cursor:default;text-decoration:none}.ccr{text-align:center;max-width:520px;margin:4px auto 0}.ccr-icon{background:#e3f6ea;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:12px;display:inline-grid}.ccr-icon svg{color:#16a34a}.ccr-title{color:#15803d;text-align:center;margin:0;font-size:18px;font-weight:700}.ccr-amount{color:#111827;letter-spacing:-.02em;text-align:center;margin:6px 0 2px;font-size:34px;font-weight:800}.ccr-sub{color:#4a5568;text-align:center;margin:0 0 18px;font-size:14px}.ccr-details{text-align:left;border:1px solid #eef1f6;border-radius:14px;margin:0}.ccr-details>div{border-top:1px solid #eef1f6;justify-content:space-between;gap:16px;padding:11px 16px;display:flex}.ccr-details>div:first-child{border-top:none}.ccr-details dt{color:#7c8491;font-size:13.5px}.ccr-details dd{color:#111827;text-align:right;margin:0;font-size:14px;font-weight:600}.ccr-ref{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12.5px!important}.ccr-note{color:#8a93a4;text-align:center;margin:12px 0 0;font-size:12.5px}.ccr-actions{margin-top:16px}