.sidebar{border-right:1px solid #e8e8e8;transition:all .2s}.sidebar.ant-sider-collapsed{width:80px}.sidebar .sidebar-header{padding:20px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.sidebar .sidebar-header .logo-container{display:flex;justify-content:center}.sidebar .sidebar-header .logo{margin:0;transition:opacity .2s;max-width:60%}.ant-sider-collapsed .sidebar .sidebar-header .logo{opacity:0;visibility:hidden}.sidebar .sidebar-header .ant-btn{padding:0 10px;font-size:16px}.sidebar .ant-menu{font-family:var(--font-body);border-right:none;background-color:#fff;padding-right:10px;padding-left:8px}.ant-sider-collapsed .sidebar .ant-menu .ant-menu-item .ant-menu-title-content{display:none}.sidebar .ant-menu .ant-menu-item.ant-menu-item-selected{background-color:var(--color-primary);color:#fff;margin-left:10px}.sidebar .ant-menu .ant-menu-item.ant-menu-item-selected .anticon{color:#fff}.sidebar .ant-menu .ant-menu-item.ant-menu-item-selected:hover{background-color:var(--color-primary);color:#fff}.sidebar .ant-menu .ant-menu-item.ant-menu-item-selected:hover .anticon{color:#fff}.sidebar .ant-menu .ant-menu-item:hover:not(.ant-menu-item-selected){background-color:var(--color-secondary);color:var(--color-primary)}.sidebar .ant-menu .ant-menu-item:hover:not(.ant-menu-item-selected) .anticon{color:var(--color-primary)}.ant-sider-collapsed .sidebar .ant-menu .ant-menu-item:hover:not(.ant-menu-item-selected){background-color:transparent}.short-logo{width:3rem}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-floating-bubble{--initial-position-left: var(--initial-position-left);--initial-position-right: var(--initial-position-right);--initial-position-top: var(--initial-position-top);--initial-position-bottom: var(--initial-position-bottom);--z-index: 1;--edge-distance: 0;--size: 48px;--border-radius: 50%;--background: var(--adm-color-primary)}.adm-floating-bubble-boundary-outer{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:var(--edge-distance);box-sizing:border-box;pointer-events:none}.adm-floating-bubble-boundary{position:relative;width:100%;height:100%}.adm-floating-bubble-button{position:fixed;top:var(--initial-position-top);bottom:var(--initial-position-bottom);left:var(--initial-position-left);right:var(--initial-position-right);box-sizing:border-box;width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--background);color:var(--adm-color-white);border-radius:var(--border-radius);z-index:var(--z-index)}.number-keyboard{display:flex;flex-direction:column;gap:4px}.keyboard-row{display:flex;gap:4px;justify-content:center}.keyboard-key{flex:1;height:42px;border-radius:8px;background-color:var(--color-canvas);border:1px solid #d9d9d9;font-size:16px;font-family:var(--font-body);cursor:pointer;display:flex;justify-content:center;align-items:center}.keyboard-key:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.clear-key{background-color:#fff1f0;border-color:#ff4d4f}.clear-key:hover{background-color:#ff4d4f;color:#fff}.payment-tags{display:flex;flex-direction:row;gap:12px;margin-top:8px;margin-bottom:8px}.payment-tag{font-size:14px;font-family:var(--font-body);background-color:var(--color-primary);color:#fff;font-weight:500;padding:6px 14px;border-radius:8px;cursor:pointer}.ant-drawer-body .ant-input{font-family:var(--font-headline);font-weight:600}.ant-drawer-footer{padding:0!important}.smile2pay-container{position:relative;min-height:100vh;background:var(--color-secondary-text)}.drawer-content{padding:34px 24px;height:100%;background:linear-gradient(180deg,#fff,#e5e3ff 75%);display:flex;flex-direction:column;justify-content:space-between}.drawer-content .loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.drawer-content .lower-container{margin-bottom:2%}.drawer-content .title-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}.drawer-content .title-header .title{margin:0;max-width:50%}.drawer-content .title-header .subtitle{font-size:1.2rem;color:#666;font-family:var(--font-body);font-weight:500}.drawer-content .go-back{margin-bottom:16px;margin-top:8px;width:30%;height:40px;border-radius:8px;background-color:transparent;color:var(--color-primary);font-size:16px;font-family:var(--font-body);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px}.drawer-content .go-back:hover{background-color:var(--color-secondary)}.drawer-content .hidden-container{visibility:hidden}.drawer-content .user-card{padding:16px 24px;width:100%;height:164px;display:flex;flex-direction:column;gap:8px;overflow:hidden;margin-bottom:12px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000026}.drawer-content .user-card .user-info{display:flex;justify-content:space-between;align-items:center;color:var(--color-secondary-text);font-family:var(--font-body);font-weight:500}.drawer-content .user-card .info-icon{font-size:20px;cursor:pointer;color:#666}.drawer-content .user-card .info-icon:hover{color:var(--color-primary)}.drawer-content .payment-container{display:flex;flex-direction:column;margin-block:24px}.drawer-content .payment-container .payment-text{font-family:var(--font-body);font-weight:500;margin-bottom:0}.drawer-content .payment-container .payment-input{padding:8px 12px;font-size:1.25rem!important;font-weight:600}.confirm-btn{width:100%;background-color:var(--color-primary);color:#fff;font-size:16px;font-family:var(--font-body);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px;position:absolute;bottom:0;padding:16px 8px}.confirm-btn:disabled{opacity:.25;cursor:not-allowed}.loader-btn{margin-top:.8rem;background-color:#fff;color:var(--color-primary);border:none;padding:1.2rem 1rem}.footer-box{background-color:var(--color-secondary);position:absolute;bottom:0;padding:16px 8px;width:100%}.footer-box .footer-text{display:flex;align-items:center;margin-left:10px;font-size:16px;font-family:var(--font-body);color:var(--color-primary);text-align:center;gap:8px}.full-name{font-family:var(--font-headline);font-weight:700;margin:0!important;font-size:2rem}.username{font-size:20px;font-family:var(--font-body);color:var(--color-secondary-text)}.modal-footer{display:flex;justify-content:center;align-items:center;gap:16px;position:absolute;bottom:4%;right:4%}.modal-footer .bank-name{font-size:14px;font-family:var(--font-headline);color:var(--color-secondary-text);font-weight:700;margin-top:20px}.modal-footer .modal-close-btn{height:40px;border-radius:8px;background-color:var(--color-primary);color:#fff;font-size:16px;font-family:var(--font-body);padding:15px;border:none;display:flex;cursor:default;justify-content:center;align-items:center;gap:8px}.dashboard-container{padding:20px;min-height:100vh}.dashboard-container .content-header{display:flex;flex-direction:column;margin-bottom:20px}.dashboard-container .content-header h2{margin:0;color:var(--color-text);font-family:var(--font-headline);font-weight:600}.dashboard-container .content-header p{margin-left:20px;color:#666;font-family:var(--font-body)}.dashboard-container .content-header .ant-switch{margin-left:auto}.dashboard-container .dashboard-content{display:grid;gap:16px}.dashboard-container .dashboard-content .ant-card{border:1px solid #e0e0e0;border-radius:3px;background-color:#fff;box-shadow:0;overflow:hidden}.dashboard-container .dashboard-content .ant-card .ant-card-head{background-color:#fafafa;border-bottom:1px solid #e0e0e0}.dashboard-container .dashboard-content .ant-card .ant-card-body{padding:8px 4px;height:100%;display:flex;justify-content:center}@media (max-width: 1200px){.dashboard-container .dashboard-content .ant-row{row-gap:16px}.dashboard-container .dashboard-content .ant-col{flex:1 1 50%;max-width:50%}}@media (max-width: 768px){.dashboard-container{padding:10px}.dashboard-container .content-header{text-align:center;align-items:center}.dashboard-container .content-header p{margin-left:0}.dashboard-container .dashboard-content .ant-col{flex:1 1 100%;max-width:100%}}@media (max-width: 480px){.dashboard-container .dashboard-content{gap:12px}}.ant-card{border-radius:3px;border:1px solid #e0e0e0;box-shadow:none;overflow:hidden}.ant-card .ant-card-body{padding:0;height:100%;display:flex;align-items:center;justify-content:center}.ant-card .kpi-card-title{font-size:28px;color:var(--color-primary);font-family:var(--font-headline);font-weight:600}@media (max-width: 768px){.ant-card .kpi-card-title{font-size:24px}}@media (max-width: 480px){.ant-card .kpi-card-title{font-size:20px}}.ant-card .kpi-card-subtitle{font-size:14px;color:#666;font-family:var(--font-body);font-weight:500;text-align:center}@media (max-width: 480px){.ant-card .kpi-card-subtitle{font-size:12px}}.chart-container{width:100%}.chart-container .filter-section{display:flex;justify-content:flex-start}.chart-container .filter-section .ant-select{border-radius:8px}.chart-container .filter-section .ant-select .ant-select-selector{border-radius:8px!important}.donut-container{padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.bar-chart-container{position:relative;padding:16px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.bar-chart-container .ant-card-body{padding:0;height:100%}.bar-chart-container .bar-chart-wrapper{width:500px;height:300px}@media (width <= 1024px){.bar-chart-wrapper{max-width:280px}}.input-container{display:flex;gap:10px;margin-bottom:20px}.input-container .ant-select{height:40px}.input-container .ant-select .ant-select-selector{width:200px;background-color:#fff}.input-container .ant-select .ant-select-selector:hover{border-color:var(--color-primary)}.input-container .ant-select .ant-select-selector .ant-select-selection-placeholder{color:#666}.input-container .ant-select .ant-select-arrow{color:var(--color-text)}.input-container .ant-select.ant-select-focused .ant-select-selector{border-color:var(--color-primary);box-shadow:0 0 0 2px #0e00a333}.input-container .ant-input-group-wrapper{background-color:#fff;flex-grow:1;border-radius:4px;border:1px solid #d9d9d9;padding:4px 8px;display:flex;align-items:center}.input-container .ant-input-group-wrapper:hover{border-color:var(--color-primary)}.input-container .ant-input-group-wrapper .ant-input-affix-wrapper{background-color:transparent;border:none;box-shadow:none}.input-container .ant-input-group-wrapper .ant-input-group-addon .ant-btn{background-color:#fff;border:none;box-shadow:none}.input-container .ant-input-group-wrapper:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0e00a333}@media (max-width: 768px){.input-container{flex-direction:column;gap:10px}.input-container .ant-select,.input-container .ant-input-group-wrapper{width:100%}}.custom-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.custom-table-container .ant-table{background:#fff;min-width:700px;font-family:var(--font-body)}.custom-table-container .ant-table-thead>tr>th{background:#fafafa;font-weight:500;white-space:wrap}.custom-table-container .ant-table-tbody>tr:hover>td{background:#fafafa;white-space:wrap}.custom-table-container .ant-pagination{margin-top:16px;display:flex;justify-content:flex-end}@media (max-width: 768px){.custom-table-container .ant-table{font-size:12px}}.ant-picker{width:200px;background-color:#fff;border-radius:4px}.face-recognition-container{width:100%;height:100vh;background-color:var(--color-canvas);overflow:hidden;transition:.4s;position:relative}.webcam-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera-feed{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #00000026}.face-frame{position:absolute;top:50%;left:50%;width:35rem;height:35rem;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.face-frame .frame-border{position:relative;width:100%;height:100%}.face-frame .frame-border:before{content:"";position:absolute;top:0;left:0;width:30px;height:3px;background-color:#fff;box-shadow:0 0 15px #00ff99b3}.face-frame .frame-border:after{content:"";position:absolute;top:0;left:0;width:3px;height:30px;background-color:#fff;box-shadow:0 0 15px #00ff99b3}.face-frame .frame-border span.bottom-right-horizontal,.face-frame .frame-border span.bottom-right-vertical{content:"";position:absolute;background-color:#fff;box-shadow:0 0 15px #00ff99b3}.face-frame .frame-border span.bottom-right-horizontal{bottom:0;right:0;width:30px;height:3px}.face-frame .frame-border span.bottom-right-vertical{bottom:0;right:0;width:3px;height:30px}.face-frame .frame-border span.top-right-horizontal,.face-frame .frame-border span.top-right-vertical{content:"";position:absolute;background-color:#fff;box-shadow:0 0 15px #00ff99b3}.face-frame .frame-border span.top-right-horizontal{top:0;right:0;width:30px;height:3px}.face-frame .frame-border span.top-right-vertical{top:0;right:0;width:3px;height:30px}.face-frame .frame-border span.bottom-left-horizontal,.face-frame .frame-border span.bottom-left-vertical{content:"";position:absolute;background-color:#fff;box-shadow:0 0 15px #00ff99b3}.face-frame .frame-border span.bottom-left-horizontal{bottom:0;left:0;width:30px;height:3px}.face-frame .frame-border span.bottom-left-vertical{bottom:0;left:0;width:3px;height:30px}.frame-text{font-family:var(--font-headline);margin-top:8px;color:var(--color-primary);font-size:1.2rem;text-align:center;background-color:#fff;padding:1.2rem;border-radius:1.3rem;position:absolute;transform:translate(-50%,-50%);left:50%;bottom:2rem}.error-message{color:red;font-size:16px;text-align:center}.ant-drawer-body{padding:0!important;overflow:hidden!important}.camera-wrapper{height:100%}.user-card{width:100%;height:164px;display:flex;flex-direction:column;overflow:hidden}.wallet-input{padding:8px 12px;font-size:32px;font-weight:600}.payment-amount{margin:0!important;font-size:56px!important;font-family:var(--font-headline);font-weight:500}.footer-box{background-color:var(--color-secondary);position:absolute;bottom:0;padding:8px;width:100%;display:flex;justify-content:space-between;align-items:center}.footer-box .footer-btns{display:flex;align-items:center;font-size:16px;font-family:var(--font-body);color:var(--color-primary);text-align:center;gap:8px}.footer-box .footer-btns .footer-btn{height:32px;border-radius:4px;background-color:var(--color-primary);color:#fff;font-size:12px;font-family:var(--font-body);padding:15px;border:none;display:flex;cursor:pointer;justify-content:center;align-items:center}.footer-box .footer-btns .highlight-btn{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-secondary-text)}70%{box-shadow:0 0 0 10px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.modal-content{display:flex;flex-direction:row;gap:20px}.modal-content .user-image{width:240px;height:240px;object-fit:cover;border-radius:8px}.modal-content .contact-container{margin-top:16px}.modal-content .contact-info{display:flex;flex-direction:row;gap:8px}.modal-content .contact-info .contact-icon{margin-top:1.1rem}.modal-content .contact-info .contact-text{font-size:14px;font-family:var(--font-body);font-weight:500}.parent-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#e5e3ff,#fff 95%);gap:1rem}.main-container{margin-top:1rem;flex:1 0 auto;display:flex;flex-direction:column;gap:32px}.footer{flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:16px;margin:16px;background-color:transparent}.header-container{display:flex;flex-direction:column;align-items:center;padding-top:1rem}.header-container .title{max-width:10vmax}.header-container .sub-title{font-size:1rem;font-family:var(--font-body);font-weight:500}.steps-container{margin:0 32px}.steps-container .site-navigation-steps .ant-steps-item-title{font-size:14px;font-family:var(--font-body)}.steps-container .site-navigation-steps .ant-steps-item-description{font-size:12px;font-family:var(--font-body)}.form-container{display:flex;flex-direction:column;align-items:center;gap:16px}.form-input{border-radius:4px;font-family:var(--font-body)}.form-input .ant-input-prefix{margin-right:8px}.form-sub-input{border-radius:4px;font-family:var(--font-body)}.button-group{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:16px}.button-group .form-button{background-color:var(--color-primary);border-color:var(--color-primary);border-radius:4px;height:40px;font-family:var(--font-body);font-size:14px;color:#fff}.button-group .form-button:disabled{opacity:.25;cursor:not-allowed}.button-group .back-button{background-color:#fff;color:var(--color-primary)}.inner-container{display:flex;flex-direction:column;gap:16px}.icon-btn{border:none}.icon-btn:hover{cursor:pointer}.camera-window{position:relative;display:flex;flex-direction:column;align-items:center;width:35vw;aspect-ratio:16/5;gap:16px}.camera-window .video-feed,.camera-window img,.camera-window .captured-image{width:100%;height:100%;object-fit:cover;border-radius:24px;border:1px solid #d9d9d9}.camera-window .smile-prompt{margin-top:.7rem;color:var(--color-secondary-text);font-family:var(--font-body);font-size:1.4rem;text-align:center;line-height:1.5}.camera-window .smile-prompt p{margin:0}@media (max-width: 1024px){.camera-window{width:60vw;aspect-ratio:3/4;gap:12px}.camera-window .video-feed,.camera-window img,.camera-window .captured-image{border-radius:20px}.camera-window .smile-prompt{font-size:1.2rem}}@media (max-width: 768px){.camera-window{width:85vw;aspect-ratio:1/1;gap:10px}.camera-window .video-feed,.camera-window img,.camera-window .captured-image{border-radius:16px}.camera-window .smile-prompt{font-size:1rem;margin-top:.5rem}}@media (max-width: 480px){.camera-window{width:90vw;aspect-ratio:1/1;gap:8px}.camera-window .smile-prompt{font-size:.9rem}}.retake-button{position:absolute;top:8px;right:8px;z-index:10;background-color:var(--color-primary);color:#fff;border-radius:4px;padding:6px 12px;font-size:14px;border:none;cursor:pointer}.retake-button:hover{opacity:.85}.qr-tab-content{margin-top:1rem}.qr-image{width:240px;height:240px;object-fit:cover;border-radius:24px}.confirmation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.confirmation-container .checkmark-animation{margin-bottom:20px}.confirmation-container .checkmark{width:96px;height:84px;transform:rotate(-40deg);animation:drawCheckmark 1.5s ease-in-out forwards;padding:auto}.confirmation-container .checkmark__circle{stroke-dasharray:157;stroke-dashoffset:157;animation:drawCircle .6s ease-in-out forwards;stroke:var(--color-primary)}.confirmation-container .checkmark__check{stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .5s ease-in-out .6s forwards;stroke:var(--color-primary)}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes drawCheckmark{0%{transform:rotate(-40deg)}to{transform:rotate(0)}}.confirmation-container .checkmark{animation:drawCheckmark 1.5s ease-in-out forwards,bounce .3s ease-in-out 1.5s forwards}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.confirmation-container .icon-fallback{margin-bottom:20px;display:none;font-size:128px;color:var(--color-primary)}.confirmation-container .no-svg-animation .checkmark{display:none}.confirmation-container .no-svg-animation .icon-fallback{display:block}.confirmation-container .confirmation-title{font-size:24px;font-family:var(--font-headline);font-weight:700}.confirmation-container .confirmation-message-container{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.confirmation-container .confirmation-message-container .confirmation-message{font-size:16px;font-family:var(--font-body);max-width:340px}.footer-text{font-size:18px;font-family:var(--font-headline);color:var(--color-secondary-text);text-align:center;margin:0}@media (max-width: 768px){.confirmation-container{min-height:300px;padding:10px}.checkmark{width:60px;height:60px}.confirmation-title{font-size:20px}.confirmation-message{font-size:14px;max-width:280px}.parent-container,.main-container{gap:24px}.footer{padding:12px}.footer-text{font-size:16px}}._overlay_shmce_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-primary);color:#fff;display:flex;font-family:var(--font-heading);align-items:center;justify-content:center;z-index:9999;pointer-events:none;overflow:hidden}._text_shmce_18{font-size:4vmax;font-weight:600;letter-spacing:1px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}._container_chy3f_1{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}._video_chy3f_9{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}._canvas_chy3f_16{display:none}._message_chy3f_20{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--color-secondary);color:var(--color-primary);font-family:var(--font-headline);padding:1rem 1.5rem .5rem;border-radius:.25rem;box-shadow:0 4px 8px #0003;font-size:.9rem;font-weight:500;text-align:center;max-width:80%}._message_chy3f_20 p:first-child{margin:0;font-size:1.2rem}._message_chy3f_20 p:nth-child(2){margin-top:.5rem;font-size:.8rem}._frame_chy3f_46{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vmax;height:auto;pointer-events:none;animation:_pulse_chy3f_1 2s 2s}@keyframes _pulse_chy3f_1{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.customer-screen-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;width:100%;text-align:center;position:fixed;left:0;top:0;padding:2rem;box-sizing:border-box;opacity:0;animation:fadeIn .1s ease-in forwards}.customer-screen-container .transactions-wrapper{margin:auto;display:flex;justify-content:center}.customer-screen-container .app-title{max-width:50%}.customer-screen-container .sub-title{font-size:2rem;font-family:var(--font-headline);color:#fff;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--color-primary: #0e00a3;--color-secondary-text: #491bff;--color-secondary: #d0ccff;--color-canvas: #edf0f9;--color-text: #000000;--font-headline: Sora, sans-serif;--font-body: Roboto, sans-serif}*{box-sizing:border-box}.app-container{display:flex;min-height:100vh;color:var(--color-text);font-family:var(--font-body)}.main-content{padding:20px;background-color:#fff;border-radius:8px;margin:20px}@media (max-width: 992px){.main-content{margin:15px;padding:15px}}@media (max-width: 768px){.main-content{margin:0;padding:10px;border-radius:0}}.main-content .content-header{margin-bottom:20px}.main-content .content-header h2{margin:0;color:var(--color-text);font-family:var(--font-headline);font-weight:600}.main-content .content-header p{margin:5px 0 0;color:#666}.main-content .ant-btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.back-button-container{position:absolute;top:2rem;left:2rem;z-index:9999}.back-button-container .back-btn{display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);color:#fff;border-radius:4px;border:none;padding:.8rem 1.2rem .8rem .8rem;font-family:var(--font-headline);font-size:large}.back-button-container .back-btn:disabled{background-color:#a9a9a9;color:#666;cursor:not-allowed}.user-card{position:relative}.user-card .history-icon{position:absolute;right:1rem;bottom:1rem;background-color:transparent;color:gray;border:none;border-radius:4px}.user-card .history-icon:hover{color:var(--color-primary)}.payment-request-container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:fit-content;padding:3rem;background-color:var(--color-canvas);border:1px solid var(--color-secondary);border-radius:20px;box-shadow:0 2px 8px #00000014;font-family:var(--font-body);transition:transform .2s ease,box-shadow .2s ease}.payment-request-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.payment-request-container .payment-icon{font-size:5rem;background-color:var(--color-secondary);border-radius:50%;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;animation:pulse 1.5s infinite}.payment-request-container .payment-info{flex:1}.payment-request-container .payment-info h3{font-family:var(--font-headline);font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:4px}.payment-request-container .payment-info div{display:grid;grid-template-columns:1fr 2fr;margin-bottom:4px}.payment-request-container .payment-info p{font-size:1.2em;line-height:1.4;text-align:left;margin-bottom:0}.payment-request-container .payment-info p span{font-weight:600;color:var(--color-secondary-text);font-size:2rem;display:inline-block;text-transform:uppercase;font-family:var(--font-headline)}.payment-request-container .payment-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.payment-request-container .payment-action .status{font-size:1.2rem;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:capitalize;background-color:var(--color-secondary);color:var(--color-secondary-text);margin-bottom:1rem}.payment-request-container .payment-action .status.pending{background-color:#fff3cd;color:#856404}.payment-request-container .payment-action .status.completed{background-color:#d4edda;color:#155724}.payment-request-container .payment-action .status.failed{background-color:#f8d7da;color:#721c24}.payment-request-container .payment-action .pay-now{background-color:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:1.3rem;padding:.5rem 1rem;font-weight:600;font-family:var(--font-headline);cursor:pointer;transition:background-color .3s ease}.payment-request-container .payment-action .pay-now:hover{background-color:var(--color-secondary-text)}@media (max-width: 768px){.payment-request-container{flex-direction:column;align-items:center;width:70%;padding:16px}.payment-request-container .payment-action{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.customer-screen-btns{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:32px;gap:24px}.customer-screen-btns .customer-screen-btn{width:154px;aspect-ratio:1;padding:.5rem;border-radius:32px;background-color:#3a4de9;color:#fff;font-size:16px;font-family:var(--font-body);display:flex;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;border:none;transition:.4s}.customer-screen-btns .customer-screen-btn:hover{background-color:#1b2ba5}.customer-screen-btns .customer-screen-btn .btn-text{font-size:1rem;font-weight:500;font-family:var(--font-headline)}.icon{width:4rem;height:4rem;object-fit:contain}.not-found-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--color-canvas);font-family:var(--font-body);padding:20px}.not-found-page .card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 4px 20px #0000000d;text-align:center;max-width:420px;width:100%;border:1px solid rgba(14,0,163,.15)}.not-found-page .card .icon{color:var(--color-primary);width:60px;height:60px;margin-bottom:1rem}.not-found-page .card .title{font-family:var(--font-headline);font-size:4rem;color:var(--color-primary);font-weight:700;margin-bottom:.5rem}.not-found-page .card .subtitle{font-size:1.3rem;font-weight:600;font-family:var(--font-headline);color:var(--color-secondary-text);margin-bottom:.75rem}.not-found-page .card .description{color:#555;font-size:1rem;margin-bottom:1.5rem;line-height:1.4}.not-found-page .card .back-btn{display:inline-block;background:var(--color-primary);color:#fff;font-weight:600;padding:.75rem 1.8rem;border-radius:12px;text-decoration:none;transition:.3s ease;font-family:var(--font-body)}.not-found-page .card .back-btn:hover{background:var(--color-secondary);color:var(--color-primary)}@use "antd/dist/reset.css";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}