@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}html,body{height:100%;min-height:100%;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch;background-color:#000;touch-action:none}.input-field:-webkit-autofill,.input-field:-webkit-autofill:hover,.input-field:-webkit-autofill:focus{-webkit-text-fill-color:#CD8D21!important;-webkit-box-shadow:0 0 0px 1000px rgb(255,255,255) inset!important;transition:background-color 5000s ease-in-out 0s;caret-color:#cd8d21}.login-container{display:flex;min-height:100%;height:100%;width:100%;position:fixed;top:0;left:0;color:#000;overflow:hidden;background-color:#000}.login-container .login-form-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#000;padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;height:100%;padding-bottom:20vh}.login-container .login-form-section .login-box{max-width:400px;width:100%;padding:2rem 0;position:relative;transform:translateY(0);transition:transform .3s ease;background-color:#000;margin-bottom:16vh}.login-container .login-form-section .login-box .image-logo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.login-container .login-form-section .login-box .app-logo{height:8.3rem;letter-spacing:-1px}.login-container .login-form-section .login-box .subtitle{font-size:1rem;font-weight:400;color:#333;margin-bottom:2rem;margin-top:-.01rem;font-family:Inter,sans-serif}.login-container .login-form-section .login-box .sign-in-text{font-size:.9rem;color:#333;margin-bottom:2rem;font-family:Inter,sans-serif}.login-container .login-form-section .login-box .login-form{display:flex;flex-direction:column;gap:.6rem}.login-container .login-form-section .login-box .login-form label{text-align:left;margin-left:.4rem;font-size:.9rem;font-weight:400;color:#f0dfd0;font-family:Inter,sans-serif}.login-container .login-form-section .login-box .login-form .input-group{display:flex;flex-direction:column;gap:.5rem}.login-container .login-form-section .login-box .login-form .input-group .input-field{width:auto;height:1.5rem;border:1px solid #333333;border-radius:.5rem;padding:.75rem;outline:none;transition:all .3s ease-in-out;color:#cd8d21!important;-webkit-text-fill-color:#CD8D21!important;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff!important}.login-container .login-form-section .login-box .login-form .input-group .input-field::-webkit-input-placeholder{color:#666!important;opacity:.8;-webkit-text-fill-color:#666666!important}.login-container .login-form-section .login-box .login-form .input-group .input-field::-moz-placeholder{color:#666!important;opacity:.8}.login-container .login-form-section .login-box .login-form .input-group .input-field:-ms-input-placeholder{color:#666!important;opacity:.8}.login-container .login-form-section .login-box .login-form .input-group .input-field:-moz-placeholder{color:#666!important;opacity:.8}.login-container .login-form-section .login-box .login-form .input-group .input-field:focus{border-color:#cd8d21;box-shadow:0 0 9px #cd8d21;color:#cd8d21!important;-webkit-text-fill-color:#CD8D21!important}.login-container .login-form-section .login-box .login-form .input-group.error .input-field{border-color:#dc2626;background-color:#ffe5e5;box-shadow:0 0 5px #dc262680;color:#cd8d21!important;-webkit-text-fill-color:#CD8D21!important}.login-container .login-form-section .login-box .login-form .input-group .error-text{color:#dc2626;font-size:.875rem;font-family:Arial,Helvetica,sans-serif;margin-top:-2px}.login-container .login-form-section .login-box .login-form .input-group .password-wrapper{position:relative;display:flex;align-items:center}.login-container .login-form-section .login-box .login-form .input-group .password-wrapper .input-field{flex:1;padding-right:2.5rem}.login-container .login-form-section .login-box .login-form .input-group .password-wrapper .eye-icon{position:absolute;right:10px;cursor:pointer;color:#333;font-size:1.2rem;pointer-events:auto;z-index:2;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.login-container .login-form-section .login-box .login-form .input-group .password-wrapper .eye-icon:focus{outline:none}.login-container .login-form-section .login-box .login-form .forgot-password{color:#cd8d21;display:flex;justify-content:end;align-items:end;font-family:Inter;font-size:.8rem;margin-right:.9rem;margin-top:.3rem;text-decoration:none}.login-container .login-form-section .login-box .login-form .login-button{width:auto;height:2.8rem;font-weight:600;margin-top:.5rem;background-color:#cd8d21;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#f5f5f5;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-container .login-form-section .login-box .login-form .login-button:hover{background-color:#cd8d21;box-shadow:0 4px 10px #3448694d}.login-container .login-form-section .login-box .login-form .login-button:active{transform:scale(.98)}.login-container .login-image-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative}.login-container .login-image-section img{max-width:320px}@media (max-width: 1024px){.login-container .login-box{max-width:350px}}@media (max-width: 850px){.login-container .login-image-section{display:none}.login-container .login-form-section{width:100%;padding:1.5rem}.login-container .login-box{max-width:350px}}@media (max-width: 640px){.login-container .login-form-section{padding:1.2rem}.login-container .login-box{max-width:300px}}@media (max-width: 480px){.login-container .login-form-section{padding:1rem}.login-container .login-box{max-width:100%}}@supports (-webkit-touch-callout: none){.login-container{height:-webkit-fill-available;position:fixed;overflow:hidden}.login-form-section{padding-bottom:30vh;height:-webkit-fill-available;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-box{padding-bottom:5vh;position:relative;transform:none}input,textarea{font-size:16px!important}.login-form-section::-webkit-scrollbar{display:none}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loader-container p{margin-top:1rem;color:#666}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#cd8d21;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}.users-page{font-family:Inter,sans-serif;text-align:center;background-color:#f9f9f9;min-height:100vh;padding:0;display:flex;flex-direction:column}.users-page .navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f7f7f7}.users-page .navbar .left-section{display:flex;align-items:center;gap:1rem}.users-page .navbar .left-section .hamburger{font-size:1.5rem;cursor:pointer;color:#000}.users-page .navbar .left-section .app-logo{height:2.5rem;width:auto}.users-page .navbar .nav-content{display:flex;align-items:center;gap:1rem}.users-page .navbar .nav-content .app-logo{height:2.5rem;width:auto}.users-page .navbar .nav-content .search-icon{font-size:1.2rem;color:#666;cursor:pointer;transition:color .2s ease}.users-page .navbar .nav-content .search-icon:hover{color:#333}.users-page .sidebar{position:fixed;top:0;left:-100%;width:260px;height:100vh;background-color:#cd8d21;color:#fff;padding:20px;transition:left .3s ease-in-out;display:flex;flex-direction:column;z-index:1000}.users-page .sidebar.open{left:0}.users-page .sidebar .close-icon{align-self:flex-end;font-size:24px;cursor:pointer}.users-page .sidebar .app-side{max-height:50%;max-width:50%;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;padding-right:4rem}.users-page .sidebar ul{list-style:none;padding:0}.users-page .sidebar ul li{cursor:pointer;font-size:16px;margin-bottom:15px;display:flex;align-items:center;transition:color .3s}.users-page .sidebar ul li:hover{color:#f1f1f1}.users-page .users-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid #ddd}.users-page .users-header h2{font-size:1.3rem;color:#cd8d21;font-weight:700;font-family:Arial,Helvetica,sans-serif}.users-page .users-header .scan-btn{padding:.6rem 1.2rem;font-family:Inter,sans-serif;background-color:#cd8d21;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:.9rem;transition:background .3s}.users-page .users-header .scan-btn:hover{background-color:#a16f1a}.users-page .search-bar-container{width:auto;padding:1rem;background-color:#fff;box-shadow:0 2px 4px #0000001a}.users-page .search-bar-container .search-input{width:18rem;max-width:600px;margin:0 auto;padding:.8rem 1rem;border:1px solid #ddd;border-radius:7px;font-size:1rem;font-family:Inter,sans-serif;outline:none;transition:border-color .3s ease}.users-page .search-bar-container .search-input:focus{border-color:#cd8d21}.users-page .table-wrapper{flex-grow:1;display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;position:relative}.users-page .table-container{width:100%;position:relative;overflow-x:auto;overflow-y:auto;isolation:isolate;max-height:calc(75vh - 5rem);-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding-bottom:5rem}.users-page .users-table{width:100%;border-collapse:separate;overflow:visible;border-spacing:0;margin-bottom:0;min-width:800px;position:relative}.users-page .users-table td{pointer-events:none;table-layout:fixed}.users-page .users-table thead{position:sticky;top:0;z-index:2000;background-color:#f5f5f5;color:#333;font-weight:700}.users-page .users-table thead th{padding:12px;border-bottom:2px solid #ddd;text-align:left;background-color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-page .users-table thead th:first-child{position:sticky;left:0;z-index:1001;background-color:#f5f5f5;background-clip:padding-box;width:150px;box-shadow:2px 0 5px #0000001a}.users-page .users-table thead th:nth-child(2){width:250px;min-width:250px}.users-page .users-table thead th .sort-button{background:none;border:none;padding:0;font:inherit;color:inherit;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;width:100%;text-align:left;transition:background-color .2s ease}.users-page .users-table thead th .sort-button:hover{background-color:#e8e8e8}.users-page .users-table thead th .sort-button .sort-icon{font-size:.8rem;color:#666;transition:color .2s ease}.users-page .users-table thead th .sort-button:hover .sort-icon{color:#333}.users-page .users-table tbody tr{position:relative;background-color:#fff}.users-page .users-table tbody tr:nth-child(2n){background-color:#f9f9f9}.users-page .users-table tbody tr:hover{background-color:#00a0cc1a}.users-page .users-table tbody tr td{padding:12px;border-bottom:1px solid #ddd;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.users-page .users-table tbody tr td:first-child{position:sticky;left:0;z-index:1002;background-color:inherit;box-shadow:2px 0 5px #0000001a}.users-page .users-table tbody tr td:nth-child(2){width:250px;min-width:250px}.users-page .users-table tbody tr:last-child td{padding-bottom:5rem}.users-page .users-table tbody tr.selected-row{position:relative}.users-page .users-table tbody tr.selected-row:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00a0cc1a;z-index:0;pointer-events:none}.users-page .users-table tbody tr.selected-row td:first-child{background-color:inherit;position:relative;z-index:1002}.users-page .pagination{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:1rem 0;text-align:center;box-shadow:0 -2px 5px #0000001a;z-index:50;display:flex;justify-content:center;align-items:center;gap:1rem;height:4rem}.users-page .pagination button{background-color:#cd8d21;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background .3s}.users-page .pagination button:hover{background-color:#a16f1a}.users-page .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.users-page .pagination span{font-size:1rem;font-weight:700;color:#333}.success-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:16.75rem;height:3.75rem;background-color:#28a745;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:1000;animation:fadeOut 3s ease-in-out forwards}@media (max-width: 768px){.users-page .table-container{max-height:calc(70vh - 3.5rem)}}@media (max-width: 768px){.users-table{min-width:600px}}body{overflow:hidden}.scanner-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f8f8f8;margin-top:-5rem}.scanner-page h2{font-size:1.5rem;margin-bottom:20px;color:#000}.scanner-page .qr-scanner-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.scanner-page .qr-scanner-container{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}.scanner-page .qr-video-wrapper{position:relative;width:220px;height:220px;border:1px solid black;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.scanner-page .qr-video{width:100%;height:100%;object-fit:cover}.scanner-page .qr-corners{position:absolute;width:100%;height:100%}.scanner-page .qr-corners:before,.scanner-page .qr-corners:after{content:"";position:absolute;width:70px;height:70px;border:1px solid black}.scanner-page .qr-corners:before{top:0;left:0;border-right:none;border-bottom:none}.scanner-page .qr-corners:after{top:0;right:0;border-left:none;border-bottom:none}.scanner-page .qr-corners .bottom-left,.scanner-page .qr-corners .bottom-right{position:absolute;width:70px;height:70px;border:1px solid black}.scanner-page .qr-corners .bottom-left{bottom:0;left:0;border-right:none;border-top:none}.scanner-page .qr-corners .bottom-right{bottom:0;right:0;border-left:none;border-top:none}.scanner-page .qr-error{margin-top:10px;color:red;font-weight:500;font-size:1rem;font-family:Inter,sans-serif;text-align:center}.scanner-page .qr-message.error{color:red}.scanner-page .qr-message.success{color:green}@media (min-width: 1200px){.qr-video-wrapper{width:260px;height:260px}}@media (max-width: 1024px){.qr-video-wrapper{width:250px;height:250px}}@media (max-width: 768px){.qr-video-wrapper{width:220px;height:220px}}@media (max-width: 480px){.qr-video-wrapper{width:180px;height:180px}}@media (max-width: 360px){.qr-video-wrapper{width:170px;height:170px}}@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}.qrcode-container{display:flex;height:100vh;background-color:#f3f4f6;font-family:Inter,sans-serif}.qrcode-container .navbar{display:flex;align-items:center;justify-content:flex-start;padding:1rem;background-color:#f3f4f6;position:fixed;top:0;left:0;width:100%;z-index:100}.qrcode-container .navbar .hamburger{font-size:1.5rem;cursor:pointer;color:#000;margin-right:10px}.qrcode-container .navbar .app-logo{height:2.6rem;width:auto}.qrcode-container .sidebar{position:fixed;top:0;left:-100%;width:230px;height:100vh;background-color:#cd8d21;color:#fff;padding:20px;transition:left .3s ease-in-out;display:flex;flex-direction:column;z-index:1000;font-family:Inter,sans-serif;font-weight:400}.qrcode-container .sidebar.open{left:0}.qrcode-container .sidebar .close-icon{align-self:flex-end;font-size:24px;cursor:pointer}.qrcode-container .sidebar .app-side{height:2.6rem;width:auto;margin-left:-6rem;margin-bottom:1rem}.qrcode-container .sidebar ul{list-style:none;padding:0;margin-top:2rem}.qrcode-container .sidebar ul li{cursor:pointer;font-size:16px;margin-bottom:15px;display:flex;align-items:center;transition:color .3s}.qrcode-container .sidebar ul li:hover{color:#f1f1f1}.qrcode-container .qrcode-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;margin-top:.5rem}.qrcode-container .qrcode-section .qrcode-box{max-width:400px;width:100%;text-align:center;margin-top:-10rem}.qrcode-container .qrcode-section .qrcode-box .app-title{font-size:1.8rem;font-weight:400;color:#cd8d21;font-family:ImperialOne,Arial,Helvetica,sans-serif;letter-spacing:-1px;margin-bottom:.5rem}.qrcode-container .qrcode-section .qrcode-box .subtitle{font-size:.85rem;color:#000;margin-bottom:1rem;font-family:Inter,sans-serif;font-weight:500}.qrcode-container .qrcode-section .qrcode-box .qr-text{font-size:.9rem;color:#cd8d21;font-weight:600;margin-bottom:1.5rem;font-family:Inter,sans-serif}.qrcode-container .qrcode-section .qrcode-box .qr-code{width:235px;height:235px;margin:auto;background:#fff;border-radius:10px;border:.5rem solid #CD8D21;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a}.qrcode-container .qrcode-section .qrcode-box .qr-code img{width:235px;height:235px;border-radius:10px}.qrcode-container .qrcode-image-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.qrcode-container .qrcode-image-section img{max-width:320px}@media (max-width: 850px){.qrcode-container .qrcode-image-section{display:none}.qrcode-container .qrcode-section{width:100%;padding:1.5rem}.qrcode-container .qrcode-box{max-width:350px}}@media (max-width: 640px){.qrcode-container .qrcode-section{padding:1.2rem}.qrcode-container .qrcode-box{max-width:320px}.qrcode-container .qr-code{width:180px;height:180px}}@media (max-width: 480px){.qrcode-container .qrcode-section{padding:1rem}.qrcode-container .qrcode-box{max-width:100%}.qrcode-container .qr-code{width:160px;height:160px}}@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}body{background-color:#f9f9f9}.add-amount-page{text-align:center;background-color:#f9f9f9;display:flex;margin-top:8rem;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.add-amount-page .subtitle{font-family:Inter,sans-serif;font-size:1rem;margin-top:-.2rem;color:#666;text-align:center;margin-bottom:1.7rem}.add-amount-page .image-logo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.add-amount-page .app-logo{height:8.3rem}.add-amount-page .amount-form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:1rem;background:#f9f9f9;border-radius:8px}.add-amount-page .amount-form label{text-align:left;font-size:.9rem;font-weight:500;margin-bottom:-.6rem;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.add-amount-page .amount-form input{width:auto;padding:.75rem;border:1px solid black;border-radius:8px;font-size:1rem;outline:none;color:#cd8d21;transition:border .3s;display:flex;align-items:center}.add-amount-page .amount-form input:focus{border-color:#cd8d21}.add-amount-page .amount-form input::placeholder{color:#666!important;opacity:1!important;-webkit-text-fill-color:#666666!important}.add-amount-page .amount-form button{width:100%;padding:.75rem;font-size:1rem;background-color:#cd8d21;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.add-amount-page .amount-form button:hover{background-color:#a16f1a}.error-message{color:red;font-size:.875rem;margin-bottom:.5rem;font-family:Inter,sans-serif}button:disabled{background-color:#ccc;cursor:not-allowed}@media (min-width: 1200px){.app-title{font-size:5rem}.subtitle{font-size:1.2rem}.amount-form{max-width:400px}}@media (max-width: 1024px){.app-title{font-size:3.5rem}.subtitle{font-size:1.1rem}}@media (max-width: 768px){.app-title{font-size:3rem}.subtitle{font-size:1rem}.amount-form{max-width:320px}}@media (max-width: 480px){.app-title{font-size:2.5rem}.subtitle{font-size:.9rem}}@media (max-width: 360px){.app-title{font-size:2rem}.subtitle{font-size:.8rem}}@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}html,body{height:100%;min-height:100%;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group input.input-field::placeholder,.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .password-wrapper input.input-field::placeholder{color:#666!important;opacity:.8;-webkit-text-fill-color:#666666!important}.change-password-container{display:flex;min-height:100vh;background-color:var(--background-color);position:relative}.change-password-container .change-password-form-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;padding:2rem;max-height:100vh;-webkit-overflow-scrolling:touch}.change-password-container .change-password-form-section .change-password-box{max-width:400px;width:100%;max-height:90vh;margin-top:-8rem}.change-password-container .change-password-form-section .change-password-box .back-button{position:fixed;top:20px;left:20px;background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;z-index:1000;padding:10px;border-radius:50%;transition:background-color .3s ease}.change-password-container .change-password-form-section .change-password-box .back-button:hover{background-color:#0000000d}@media (max-width: 768px){.change-password-container .change-password-form-section .change-password-box .back-button{top:15px;left:15px}}.change-password-container .change-password-form-section .change-password-box .image-logo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-container .change-password-form-section .change-password-box .app-logo{height:8.3rem;letter-spacing:-1px;margin-bottom:20px}.change-password-container .change-password-form-section .change-password-box .subtitle{font-size:1rem;font-weight:400;color:#333;margin-bottom:2rem;margin-top:-.01rem;font-family:Inter,sans-serif}.change-password-container .change-password-form-section .change-password-box .change-password-form{display:flex;flex-direction:column;gap:.6rem}.change-password-container .change-password-form-section .change-password-box .change-password-form label{text-align:left;margin-left:.4rem;font-size:.9rem;font-weight:400;color:#333;font-family:Inter,sans-serif}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group{display:flex;flex-direction:column;gap:.5rem}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .input-field{width:auto;height:1.5rem;border:1px solid #333333;border-radius:.5rem;padding:.75rem;outline:none;transition:all .3s ease-in-out;font-size:16px;background-color:#fff!important}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .input-field:focus{border-color:#cd8d21}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group.error .input-field{border-color:#dc2626;background-color:#ffe5e5;box-shadow:0 0 5px #dc262680}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .error-text{color:#dc2626;font-size:.875rem;font-family:Arial,Helvetica,sans-serif;margin-top:-2px}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .password-wrapper{position:relative;display:flex;align-items:center}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .password-wrapper .input-field{flex:1;padding-right:2.5rem;color:#cd8d21}.change-password-container .change-password-form-section .change-password-box .change-password-form .input-group .password-wrapper .eye-icon{position:absolute;right:10px;cursor:pointer;color:#333;font-size:1.2rem;margin-top:.3rem;margin-right:.2rem}.change-password-container .change-password-form-section .change-password-box .change-password-form .change-password-button{width:auto;height:2.8rem;font-weight:600;background-color:#cd8d21;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#f5f5f5;padding:.75rem;border-radius:.5rem;margin-top:.6rem;border:none;cursor:pointer;transition:all .3s ease-in-out}.change-password-container .change-password-form-section .change-password-box .change-password-form .change-password-button:hover{background-color:#a16f1a;box-shadow:0 4px 10px #3448694d}.change-password-container .change-password-form-section .change-password-box .change-password-form .change-password-button:active{transform:scale(.98)}.change-password-container .change-password-image-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#fff}.change-password-container .change-password-image-section img{max-width:320px}@media (max-width: 1024px){.change-password-container .change-password-box{max-width:350px}}@media (max-width: 850px){.change-password-container .change-password-image-section{display:none}.change-password-container .change-password-form-section{width:100%;padding:1.5rem}.change-password-container .change-password-box{max-width:350px}}@media (max-width: 640px){.change-password-container .change-password-form-section{padding:1.2rem}.change-password-container .change-password-box{max-width:300px}}@media (max-width: 480px){.change-password-container .change-password-form-section{padding:1rem}.change-password-container .change-password-box{max-width:100%}}@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}*{margin:0;padding:0;overflow:hidden}html,body{height:100%;min-height:100%;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch;background-color:#f3f4f6;touch-action:none}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group input.input-field{color:#cd8d21;-webkit-text-fill-color:#CD8D21!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group input.input-field::placeholder{color:#666!important;opacity:.8;-webkit-text-fill-color:#666666!important}input,input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{font-size:16px;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#CD8D21!important;color:#cd8d21!important;transition:background-color 5000s ease-in-out 0s}.body{overflow:hidden;-webkit-overflow-scrolling:touch}.forgot-password-container{display:flex;min-height:100vh;background-color:#f3f4f6;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch}.forgot-password-container .forgot-password-form-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;padding:2rem;height:100vh;position:relative;z-index:1;overflow:hidden;-webkit-overflow-scrolling:touch;border:none;outline:none}.forgot-password-container .forgot-password-form-section .forgot-password-box{max-width:400px;width:100%;max-height:90vh;margin-top:-8rem;background-color:transparent;border:none;outline:none;position:relative;z-index:2}.forgot-password-container .forgot-password-form-section .forgot-password-box .back-button{position:fixed;top:20px;left:20px;background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;z-index:1000;padding:10px;border-radius:50%;transition:background-color .3s ease;outline:none}.forgot-password-container .forgot-password-form-section .forgot-password-box .back-button:hover{background-color:#0000000d}@media (max-width: 768px){.forgot-password-container .forgot-password-form-section .forgot-password-box .back-button{top:15px;left:15px}}.forgot-password-container .forgot-password-form-section .forgot-password-box .image-logo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.forgot-password-container .forgot-password-form-section .forgot-password-box .app-logo{height:8.3rem;letter-spacing:-1px}.forgot-password-container .forgot-password-form-section .forgot-password-box .subtitle{font-size:16px;font-weight:400;color:#333;margin-bottom:2rem;margin-top:-.01rem;font-family:Inter,sans-serif}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form{display:flex;flex-direction:column;gap:.6rem}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form label{text-align:left;margin-left:.4rem;font-size:.9rem;font-weight:400;color:#333;font-family:Inter,sans-serif}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field{width:auto;height:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;outline:none;transition:all .3s ease-in-out;border-color:#333;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field input.input-field{color:#cd8d21}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field .input-field:focus{color:#cd8d21!important;-webkit-text-fill-color:#CD8D21!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:not(:-webkit-autofill){color:#cd8d21!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:-webkit-autofill{-webkit-text-fill-color:#CD8D21!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;transition:background-color 5000s ease-in-out 0s;caret-color:#cd8d21;background-color:#fff!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:-webkit-autofill:hover,.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:-webkit-autofill:focus,.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:-webkit-autofill:active{-webkit-text-fill-color:#CD8D21!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;background-color:#fff!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field::-webkit-input-placeholder{color:#666!important;opacity:.8}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field::-moz-placeholder{color:#666!important;opacity:.8}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:-ms-input-placeholder{color:#666!important;opacity:.8}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:-moz-placeholder{color:#666!important;opacity:.8}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field:focus{border-color:#cd8d21;box-shadow:0 0 9px #cd8d21;color:#cd8d21!important;background-color:#fff!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group.error .input-field{border-color:#dc3545;background-color:#ffe5e5!important;box-shadow:0 0 5px #dc354580;color:#cd8d21!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .input-field-autofill{background-color:#fff!important;-webkit-text-fill-color:#CD8D21!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .input-group .error-text{color:#dc3545;font-size:.875rem;font-family:Arial,Helvetica,sans-serif;margin-top:-2px}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .submit-button{width:auto;height:2.8rem;font-weight:600;margin-top:.5rem;background-color:#cd8d21;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .submit-button:hover{background-color:#a16f1a;box-shadow:0 4px 10px #cd8d214d}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .submit-button:active{transform:scale(.98)}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .success-message{margin-top:1rem;color:#16a34a;font-size:.95rem;text-align:center}.forgot-password-container .forgot-password-form-section .forgot-password-box .forgot-password-form .error-message{margin-top:1rem;color:#dc2626;font-size:.95rem;text-align:center}.forgot-password-container .forgot-password-image-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f0dfd0;position:relative}.forgot-password-container .forgot-password-image-section img{max-width:320px}@media (max-width: 850px){.forgot-password-container .forgot-password-image-section{display:none}.forgot-password-container .forgot-password-form-section{width:100%;padding:1.5rem}.forgot-password-container .forgot-password-box{max-width:350px}}@media (max-width: 640px){.forgot-password-container .forgot-password-form-section{padding:1.2rem}.forgot-password-container .forgot-password-box{max-width:300px}}@media (max-width: 480px){.forgot-password-container .forgot-password-form-section{padding:1rem}.forgot-password-container .forgot-password-box{max-width:100%}}@supports (-webkit-touch-callout: none){.forgot-password-container{height:100%;min-height:100%;position:fixed;overflow:hidden;touch-action:none}input,textarea{font-size:16px;touch-action:none}.forgot-password-form-section{height:100%;padding-bottom:20vh;position:fixed;overflow:hidden;touch-action:none}.forgot-password-box{padding-bottom:10vh;position:relative;touch-action:none}@media screen and (max-device-width: 480px){.forgot-password-container{position:fixed;height:100%;width:100%;overflow:hidden;touch-action:none}}}@font-face{font-family:ImperialOne;src:url(/assets/Imperial-BumAi-fG.otf)}*{margin:0;padding:0}html,body{height:100%;min-height:100%;background-color:#f9f9f9;touch-action:none;overflow:hidden;-webkit-overflow-scrolling:touch}.add-password-form-section{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100vh}input,input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{font-size:16px;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#CD8D21!important;transition:background-color 5000s ease-in-out 0s}input::-webkit-input-placeholder{color:#666!important}button,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.body{overflow:hidden;-webkit-overflow-scrolling:touch;background-color:#f3f4f6}.add-password-container{display:flex;min-height:100vh;min-height:100dvh;background-color:#f3f4f6;position:relative}.add-password-container .add-password-form-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;padding:2rem;max-height:100vh;max-height:100dvh;-webkit-overflow-scrolling:touch}.add-password-container .add-password-form-section .add-password-box{max-width:400px;width:100%;max-height:90vh;max-height:90dvh;margin-top:-4rem;background-color:#f3f4f6}.add-password-container .add-password-form-section .add-password-box .back-button{position:fixed;top:20px;left:20px;background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;z-index:1000;padding:10px;border-radius:50%;transition:background-color .3s ease;outline:none}.add-password-container .add-password-form-section .add-password-box .back-button:hover{background-color:#0000000d}@media (max-width: 768px){.add-password-container .add-password-form-section .add-password-box .back-button{top:15px;left:15px}}.add-password-container .add-password-form-section .add-password-box .image-logo{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.add-password-container .add-password-form-section .add-password-box .app-logo{height:8.3rem;letter-spacing:-1px}.add-password-container .add-password-form-section .add-password-box .subtitle{font-size:1rem;font-weight:400;color:#333;margin-bottom:2rem;margin-top:-.01rem;font-family:Inter,sans-serif}.add-password-container .add-password-form-section .add-password-box .add-password-form{display:flex;flex-direction:column;gap:.6rem}.add-password-container .add-password-form-section .add-password-box .add-password-form label{text-align:left;margin-left:.4rem;font-size:.9rem;font-weight:400;color:#333;font-family:Inter,sans-serif}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group{display:flex;flex-direction:column;gap:.5rem}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field{width:auto;height:1.5rem;border:1px solid #333333;border-radius:.5rem;padding:.75rem;outline:none;transition:all .3s ease-in-out;font-size:16px;background-color:#fff!important;color:#cd8d21!important;-webkit-text-fill-color:#CD8D21!important}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field:-webkit-autofill{-webkit-text-fill-color:#CD8D21!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;transition:background-color 5000s ease-in-out 0s}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field:-webkit-autofill:hover,.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field:-webkit-autofill:focus,.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field:-webkit-autofill:active{background-color:#fff!important;-webkit-text-fill-color:#CD8D21!important;box-shadow:0 0 0 1000px #fff inset!important}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field::placeholder{color:#666!important;opacity:.8;-webkit-text-fill-color:#666666!important}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .input-field:focus{border-color:#cd8d21}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group.error .input-field{border-color:#dc3545;background-color:#ffe5e5!important;box-shadow:0 0 5px #dc354580;color:#cd8d21!important}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .error-text{color:#dc3545;font-size:.875rem;margin-top:-2px}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .password-wrapper{position:relative;display:flex;align-items:center}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .password-wrapper .input-field{flex:1;padding-right:2.5rem;color:#cd8d21}.add-password-container .add-password-form-section .add-password-box .add-password-form .input-group .password-wrapper .eye-icon{position:absolute;right:10px;cursor:pointer;color:#333;font-size:1.2rem;margin-top:.3rem;margin-right:.2rem}.add-password-container .add-password-form-section .add-password-box .add-password-form .submit-button{width:auto;height:2.8rem;font-weight:600;margin-top:.5rem;background-color:#cd8d21;color:#fff;padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out}.add-password-container .add-password-form-section .add-password-box .add-password-form .submit-button:hover{background-color:#a16f1a;box-shadow:0 4px 10px #cd8d214d}.add-password-container .add-password-form-section .add-password-box .add-password-form .submit-button:active{transform:scale(.98)}.add-password-container .add-password-form-section .add-password-box .add-password-form .success-message{margin-top:1rem;color:#16a34a;font-size:.95rem;text-align:center}.add-password-container .add-password-form-section .add-password-box .add-password-form .error-message{margin-top:1rem;color:#dc2626;font-size:.95rem;text-align:center}.add-password-container .add-password-image-section{width:50%;display:flex;align-items:center;justify-content:center;background-color:#f0dfd0;position:relative}.add-password-container .add-password-image-section img{max-width:320px}@media (max-width: 850px){.add-password-container .add-password-image-section{display:none!important}.add-password-container .add-password-form-section{width:100%;padding:1.5rem}.add-password-container .add-password-box{max-width:350px}}@media (max-width: 640px){.add-password-container .add-password-form-section{padding:1.2rem}.add-password-container .add-password-box{max-width:300px}}@media (max-width: 480px){.add-password-container .add-password-form-section{padding:1rem}.add-password-container .add-password-box{max-width:100%}}@supports (-webkit-touch-callout: none){.add-password-container{height:-webkit-fill-available;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}input,textarea{font-size:16px}.add-password-form-section{padding-bottom:20vh;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.add-password-box{padding-bottom:10vh;position:relative}body{position:fixed;width:100%;height:100%;overflow:hidden}}