@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}*{font-family:Rubik,sans-serif;box-sizing:border-box;color:#393f43}html,body{margin:0;padding:0;height:100%;background:#fff}a{color:#916eff;text-decoration:none;transition:color .3s;font-size:13px}a:hover{color:#5a52ff;text-decoration:underline}label,span{font-size:13px;padding-left:0}.error-message{color:#ef4444;align-items:center;font-size:13px;display:flex}.error-message .error-text{color:#ef4444!important}.error-message mat-icon{margin-right:6px;margin-left:5px;font-size:22px;vertical-align:middle}.error-message span{display:block}button{font-family:inherit;cursor:pointer;transition:all .3s ease}input,select,textarea{font-family:inherit;transition:all .3s ease}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.form-control,form select,form input{padding:.4rem;border:2px solid #e1e5e9;font-size:1rem;background:#fafbfc}.form-control:focus,form select:focus,form input:focus{outline:none;border-color:#916eff;background:#fff;box-shadow:0 0 0 3px #916eff26}.form-control::placeholder,form select::placeholder,form input::placeholder{color:#8e9aaf}.btn-primary,form button{background:linear-gradient(135deg,#9176ff 0% 100%);color:#fff;border:none;padding:1.1rem;font-size:1.1rem;font-weight:600;width:100%;transition:all .3s ease;position:relative;border-radius:10px}.btn-primary:hover:not(:disabled),form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #9176ff4d}.btn-primary:disabled,form button:disabled{background:#9ca3af;cursor:not-allowed}.btn-primary.loading,form button.loading{color:transparent}.btn-primary.loading:after,form button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.form-container{padding:0 6rem;background-color:#fff}.form-container-2{padding:6rem 2rem 1rem;background-color:#fff;min-height:100%;border-radius:30px;display:flex;flex-direction:column}.form-container-2 .material-form{padding:0 20px}form{display:flex;flex-direction:column;gap:1.3rem;min-width:340px;margin:auto auto 15px}form h1{font-size:2rem;color:#737373;font-weight:400;margin-top:.5rem;margin-bottom:1rem}form input{border-radius:20px;width:100%;margin-bottom:5px}form button{border-radius:12px}form .form-group{margin-bottom:1.2rem}form select{border-radius:20px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fafbfc;background-image:url("data:image/svg+xml;utf8,<svg fill='%238e9aaf' height='24' width='24' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px;padding-right:2.5rem;color:#8e9aaf}.full-row{display:flex;align-items:center}.right{margin-left:auto}.center{display:block;margin:auto;text-align:center}.form-header span{color:#656565}.form-title{font-size:2rem;font-weight:400;color:#656565}.material-form{margin-top:0}.material-form .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-shape: 18px;--mdc-outlined-text-field-outline-color: #d3d3d3;--mdc-outlined-text-field-hover-outline-color: #a88eff;--mdc-outlined-text-field-focus-outline-color: #a88eff;--mdc-outlined-text-field-label-text-color: #6c6c6c;--mdc-outlined-text-field-input-text-color: #222;--mdc-outlined-text-field-container-padding: 0 12px;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-caret-color: #a88eff;--mdc-outlined-text-field-disabled-outline-color: #6c6c6c8a !important}.material-form mat-mdc-text-field-wrapper{background-color:#fff!important;border-radius:10px!important;box-shadow:none!important;height:50px!important;border-color:#6c6c6c!important}.material-form .mat-mdc-form-field-infix{padding-top:10px!important;padding-bottom:10px!important}.material-form .mdc-notched-outline{height:50px}.material-form .mat-mdc-select-trigger{margin-top:5px}.material-form .mat-mdc-select{font-size:14px!important;color:#222!important}.material-form .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input{display:inline-block;padding-top:10px;border-color:#6c6c6c!important}.material-form .mdc-text-field--disabled{border-color:#6c6c6c!important}.material-form .mat-mdc-form-field-subscript-wrapper{display:none}.mat-internal-form-field>label{padding-left:0!important}.cdk-overlay-pane{background-color:#fff}.mr-2{margin-right:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 20px}.grid-row-full{grid-column:1/-1}.short-btn{max-width:30vw}.cus-position-error{margin-left:-17px;margin-top:12px;display:flex}.code-input-container{display:flex;justify-content:normal;gap:.75rem;margin-bottom:2rem}.code-input-container .code-input{width:3.3rem;height:4rem;border:2px solid #ef4444;border-radius:8px;text-align:center;font-size:1.5rem;font-weight:600;color:#374151;background:#fff;transition:all .2s}.code-input-container .code-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.code-input-container .code-input.active{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.code-input-container .code-input::placeholder{color:#d1d5db}.code-input-container .success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.verification-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.verification-actions .resend-link{color:#8b5cf6;text-decoration:none;font-size:.875rem;cursor:pointer}.verification-actions .resend-link:hover:not(.disabled){text-decoration:underline}.verification-actions .resend-link.disabled{color:#9ca3af;cursor:not-allowed}.verification-actions .countdown-timer{color:#ef4444;font-size:.875rem;font-weight:500}.table-list{margin:10px;text-align:center}.table-list th,.table-list td{text-align:center!important}.modal-container,.modal-container-child{position:relative}.close-button{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:none;background-color:#a2f4e7;color:#656565;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-button:hover{transform:scale(1.05);background-color:#b9eecf}.close-button:active{transform:scale(.95)}.mb-lg{margin-bottom:2.5rem}.mat-icon{vertical-align:middle}.columns-container{display:flex;gap:35px}.column{flex:1}.top-auto{margin-top:auto}.pager{display:flex;align-items:center;gap:8px;float:right}.pager span{margin:0 2px;color:#8e9aaf;font-size:14px;font-weight:500}.btn-round{background:#fff;border-radius:50%;height:28px;width:28px;padding:0;display:flex;align-items:center;justify-content:center;color:#916eff;border:1px solid #916eff;cursor:pointer;transition:.2s ease}.btn-round .mat-icon{font-size:23px}.btn-round:disabled{cursor:not-allowed;color:#8e9aaf!important;border-color:#8e9aaf!important;opacity:.6}.btn-round:not(:disabled):hover{background:#916eff;color:#fff}.btn-round:not(:disabled):hover .mat-icon{color:#fff}.form-header-subtitle{color:#8e9aaf;margin-bottom:20px;font-size:13px}.transaction-timer{background-color:#f66eaecc;color:#fff;padding:15px;border-radius:8px;display:flex;margin-bottom:30px;font-size:13px}.transaction-timer .mat-icon{margin:auto 10px auto auto}.transaction-timer div,.transaction-timer span{color:#fff;padding:5px}.transaction-timer div b,.transaction-timer span b{color:#fff;padding:0 5px}.left{text-align:left}.ramp-container{padding:40px 8px 8px;background:linear-gradient(to bottom,#f7f7f7,#372978);border-radius:30px;position:relative}.ramp-container .content-toggle{position:absolute;top:10px;width:98%;padding:10px 30px 0;background-color:transparent;left:0}hr{border-color:#cbcbcb3d;width:100%;padding:0;margin:0}.mt-3{margin-top:30px}.pt-2{padding-top:20px!important}.modal-overlay,.error-modal-overlay,.success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff98;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-form{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffa6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-form .modal-container,.modal-form .modal-container-child{background-color:#fff;border-radius:20px;padding:32px;max-width:700px;width:100%;box-shadow:0 8px 32px #0000004d;position:relative}.modal-container-child{padding:30px 0!important;max-width:720px!important}.description-text{text-align:center;font-size:16px;color:#4b4b4b;line-height:1.6;margin-bottom:30px;animation:fadeIn .5s ease-out}.modal-container,.modal-container-child{background-color:#fff;border-radius:20px;padding:32px;max-width:900px;width:100%;box-shadow:0 8px 32px #0000004d;position:relative;animation:slideInScale .3s ease-out}.modal-container.modal-transactions,.modal-transactions.modal-container-child{background-color:transparent;max-width:1400px;box-shadow:none}.slim{max-width:600px}.checkbox-item{margin-bottom:20px;animation:fadeInUp .4s ease-out both}.checkbox-label{display:flex;align-items:flex-start;gap:12px}.checkbox-input{width:22px;height:22px;cursor:pointer;accent-color:#9176ff;transition:transform .2s ease;margin-top:3px}.checkbox-text{font-size:15px;color:#4b4b4b;line-height:1.4;display:inline}.checkbox-item:nth-child(1){animation-delay:.1s}.checkbox-item:nth-child(2){animation-delay:.2s}.checkbox-input:hover{transform:scale(1.1)}.terms-link{color:#9ca3af;cursor:pointer;transition:color .2s ease;font-size:13px}.terms-link:hover{color:#553c9a}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.modal-container,.modal-container-child{margin:20px;padding:24px}.checkbox-text{font-size:13px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 20px;animation:fadeInDown .4s ease-out}.alert-icon img{width:60px;height:60px}.footer-nav{background:#fff;padding:24px 50px;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;gap:32px}.footer-left{display:flex;align-items:center}.footer-logo{display:flex;align-items:center;gap:8px}.logo-text{font-size:16px;font-weight:600;color:#9ca3af;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.footer-social{display:flex;align-items:center;gap:8px}.social-link{display:flex}.social-link:hover{transform:translateY(-2px)}.footer-center{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-info{display:flex;flex-direction:column;align-items:center;gap:8px}.contact-email{color:#9ca3af;text-decoration:none;font-size:14px;transition:color .2s ease}.contact-email:hover{color:#8b5cf6}.copyright{color:#9ca3af;font-size:13px;text-align:center}.footer-right{display:block;align-items:center;text-align:right}.terms-highlight{color:#8b5cf6;font-weight:500;transition:color .2s ease;margin-left:5px;text-decoration:underline}.terms-highlight:hover{color:#7c3aed}@media (max-width: 768px){.footer-content{flex-direction:column;gap:24px;text-align:center}.footer-social{order:2}.footer-center{order:3}.footer-right{order:4}.footer-left{order:1}}.header-nav{padding:0 3.5rem;height:55px;display:flex;align-items:center;position:fixed;right:0;width:calc(100% - 64px);z-index:1000;background-color:#fff;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;height:70px}.logo-section{display:flex;align-items:center;gap:8px}.logo-section img{display:block}.logo-icon{display:flex;align-items:center}.logo-text{font-size:20px;font-weight:600;color:#8b5cf6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .profile-button{border-radius:10px;padding:4px 37px;font-size:16px}.action-icons{display:flex;align-items:center;gap:4px}.icon-btn{background:none;border:none;padding:8px;cursor:pointer;color:#8b5cf6;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#f3f4f6;color:#7c3aed}.icon-btn:active{transform:scale(.95)}.sidebar-nav{width:80px;background:#fff;height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 0;position:fixed;left:0;top:0;z-index:50}.logo-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;margin-left:20px}.logo-icon{display:flex;align-items:center;justify-content:center}.logo-text{font-size:12px;font-weight:600;color:#8b5cf6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center}.nav-menu{flex:1;width:80%}.menu-list{list-style:none;padding:16px 0;margin:0 0 0 18px;display:flex;flex-direction:column;gap:0px;align-items:center;box-shadow:0 4px 12px #0000001a;border-radius:50px}.menu-item{width:100%;display:flex;justify-content:center}.logout-item{margin-top:30px}.menu-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50px;text-decoration:none;color:#6b7280;transition:all .2s ease;position:relative}.menu-link img{filter:grayscale(100%) brightness(150%)}.menu-link:hover{background-color:#f3f4f6;color:#8b5cf6}.menu-link.active{color:#8b5cf6}.menu-link.active img{filter:grayscale(100%) brightness(60%)}.menu-link.active:after{content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:#8b5cf6;border-radius:2px}.menu-icon{display:flex;align-items:center;justify-content:center}.add-section{margin-top:auto;display:flex;justify-content:center}.box-container{background:#fff;padding:0 20px 20px;border-radius:20px;box-shadow:0 4px 15px #0003;font-family:Inter,Roboto,sans-serif;position:relative;max-width:100%;overflow-x:auto;min-height:100%}.box-container h3{margin-bottom:20px;color:text-light}.box-container .add-button{background-color:#46ebd0;color:#fff;border:none;border-radius:10px;padding:10px;margin-bottom:20px;cursor:pointer}.box-container table{width:100%;border-collapse:collapse}.box-container table td{padding:12px;text-align:center}.box-container table td.right{text-align:right}.box-container table th{padding:0%;background-color:#fff}.box-container table button{background:none;border:none;cursor:pointer;width:100%}.box-container .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.box-container .header-section button{background:#46ebd0;color:#000;border:none;border-radius:10px;padding:10px;margin-bottom:20px;cursor:pointer;width:200px;transition:all .2s ease}.box-container .header-section button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.box-container .details-button{background-color:#c3a7ff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;margin:4px 30px 0 0}.box-container .details-button img{width:22px;height:22px;object-fit:contain;display:block;transform:translateY(.5px)}.box-container .details-button:hover{background-color:#8b5cf6;transform:scale(1.05)}.box-container .details-button:active{transform:scale(.95)}.box-container .delete-button{background-color:#46ebd080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;margin:4px 20px 0 0}.box-container .delete-button img{width:20px;height:22px;object-fit:contain;display:block;transform:translateY(.5px)}.box-container .delete-button:hover{background-color:#46ebd0;transform:scale(1.05)}.box-container .delete-button:active{transform:scale(.95)}.box-container table td.actions-column{display:flex;justify-content:center;gap:8px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}thead{background-color:#fafafa}th,th label{padding:12px 0;font-weight:600;color:#656565;font-weight:500;font-size:16px;white-space:nowrap}th mat-icon{color:#656565}tbody tr{transition:background .2s ease}tbody tr:hover{background-color:#f8f6ff}td{padding:14px;color:#222;border-bottom:1px solid #f0f0f0;vertical-align:middle}td img{vertical-align:middle}h3{font-weight:600;color:#374151;margin-bottom:20px;font-size:14px}.header-section{padding-left:20px}.full-screen-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(4px)}.loader-content{display:flex;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay .modal-container,.error-modal-overlay .modal-container,.success-modal-overlay .modal-container,.modal-overlay .modal-container-child,.error-modal-overlay .modal-container-child,.success-modal-overlay .modal-container-child{width:100%;padding:50px 100px;animation:slideInScale .3s ease-out}.modal-overlay .modal-content,.error-modal-overlay .modal-content,.success-modal-overlay .modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.modal-overlay .modal-icon-container,.error-modal-overlay .modal-icon-container,.success-modal-overlay .modal-icon-container{margin-bottom:8px}.modal-overlay .modal-icon,.error-modal-overlay .modal-icon,.success-modal-overlay .modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .4s ease-out .1s both}.modal-overlay .modal-icon svg,.error-modal-overlay .modal-icon svg,.success-modal-overlay .modal-icon svg{width:50px;height:50px}.modal-overlay .modal-title,.error-modal-overlay .modal-title,.success-modal-overlay .modal-title{font-size:24px;font-weight:600;color:#1f2937e0;margin:0;line-height:1.3;animation:fadeInUp .4s ease-out .2s both}.modal-overlay .modal-message,.error-modal-overlay .modal-message,.success-modal-overlay .modal-message{font-size:20px;color:#2d3035;line-height:1.6;margin:0;max-width:100%;animation:fadeInUp .4s ease-out .3s both}.modal-overlay .modal-button,.error-modal-overlay .modal-button,.success-modal-overlay .modal-button{width:100%;max-width:280px;padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;animation:fadeInUp .4s ease-out .4s both}.modal-overlay .modal-button:active,.error-modal-overlay .modal-button:active,.success-modal-overlay .modal-button:active{transform:translateY(0)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.modal-overlay .modal-container,.error-modal-overlay .modal-container,.success-modal-overlay .modal-container,.modal-overlay .modal-container-child,.error-modal-overlay .modal-container-child,.success-modal-overlay .modal-container-child{padding:40px 24px;max-width:95%}.modal-overlay .modal-icon,.error-modal-overlay .modal-icon,.success-modal-overlay .modal-icon{width:70px;height:70px}.modal-overlay .modal-icon svg,.error-modal-overlay .modal-icon svg,.success-modal-overlay .modal-icon svg{width:28px;height:28px}.modal-overlay .modal-title,.error-modal-overlay .modal-title,.success-modal-overlay .modal-title{font-size:20px}.modal-overlay .modal-message,.error-modal-overlay .modal-message,.success-modal-overlay .modal-message{font-size:14px}.modal-overlay .modal-button,.error-modal-overlay .modal-button,.success-modal-overlay .modal-button{padding:12px 24px;font-size:15px}}.success-modal-overlay .modal-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.success-modal-overlay .info{color:#916eff;background:transparent;box-shadow:none}.success-modal-overlay .modal-button{background:linear-gradient(135deg,#916eff 0% 100%);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.success-modal-overlay .modal-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.error-modal-overlay .modal-icon{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef44444d}.error-modal-overlay .modal-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.error-modal-overlay .modal-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #cc293666}.confirm-modal-container .modal-overlay,.confirm-modal-container .success-modal-overlay,.confirm-modal-container .error-modal-overlay{position:fixed;inset:0;background:#161d2866;display:flex;align-items:center;justify-content:center;z-index:1100}.confirm-modal-container .modal-container,.confirm-modal-container .modal-container-child{background:#fff;border-radius:24px;padding:32px 40px;max-width:500px;width:calc(100% - 32px);box-shadow:0 24px 50px -25px #1b202e59;text-align:center}.confirm-modal-container .modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#1e1f2f}.confirm-modal-container .modal-message{margin:0 0 28px;font-size:16px;color:#5c6080}.confirm-modal-container .modal-actions{display:flex;gap:16px;justify-content:center}.confirm-button,.cancel-button{min-width:140px;padding:10px 18px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.confirm-button{background:#7a5af8;color:#fff;border-color:#7a5af8}.confirm-button:hover:enabled{background:#6a4ae4;border-color:#6a4ae4}.cancel-button{background:#fff;color:#7a5af8;border-color:#d6ccff}.cancel-button:hover:enabled{background:#7a5af814}.confirm-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px}.header-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.copy-button:hover:not(.copied){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.copy-button:active:not(.copied){transform:translateY(0)}.copy-button.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.detail-form{display:flex;flex-direction:column;gap:20px}.detail-form .mat-mdc-form-field{width:100%;--mdc-outlined-text-field-outline-color: #7a7a7a;--mdc-outlined-text-field-hover-outline-color: #202020;--mdc-outlined-text-field-focus-outline-color: #202020;--mdc-outlined-text-field-container-shape: 10px;--mdc-outlined-text-field-label-text-color: #777;--mdc-outlined-text-field-input-text-color: #555;--mdc-outlined-text-field-focus-label-text-color: #202020;background-color:#fff;border-radius:10px}.form-actions{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.submit-btn:hover{background-color:#c9beff}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.submit-btn{width:100%}}.calculator-container{background:#fff;border-radius:20px;padding:24px;max-width:400px;box-shadow:0 4px 12px #0000001a}.calculator-container .error-message{padding-bottom:12px}.calculator-container .mdc-notched-outline--no-label{--mdc-outlined-text-field-container-shape: 18px}.calculator-container .content-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.calculator-container .content-toggle .toggle-btn{flex:1}.calculator-container .content-toggle .toggle-btn.active{color:#fff}.calculator-container .currency-input-section{margin-bottom:20px}.calculator-container .currency-input-wrapper{display:flex;align-items:center;gap:0px;background:#fafbfc;border:2px solid #e1e5e9;border-radius:16px;padding:12px 16px;transition:all .3s ease}.calculator-container .currency-input-wrapper:focus-within{border-color:#6c63ff;background:#fff;box-shadow:0 0 0 3px #6c63ff26}.calculator-container .currency-selector{display:flex;align-items:center;gap:8px;min-width:120px}.calculator-container .currency-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calculator-container .currency-icon .currency-symbol{font-size:16px;font-weight:600;color:#fff}.calculator-container .currency-icon .flag-icon{width:32px;height:32px;object-fit:cover;border-radius:50%}.calculator-container .currency-text-wrapper{display:flex;align-items:center;gap:4px;position:relative;min-width:80px}.calculator-container .currency-text-wrapper .currency-text{font-size:14px;font-weight:500;color:#8e9aaf;pointer-events:none}.calculator-container .currency-text-wrapper .dropdown-arrow{font-size:10px;color:#8e9aaf;pointer-events:none;line-height:1}.calculator-container .currency-dropdown{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.calculator-container .currency-dropdown ::ng-deep .mat-mdc-form-field{width:100%;height:100%}.calculator-container .currency-dropdown ::ng-deep .mat-mdc-option{display:none!important}.calculator-container .currency-dropdown ::ng-deep .mat-mdc-text-field-wrapper{background:transparent!important;padding:0!important;height:100%!important}.calculator-container .currency-dropdown ::ng-deep .mat-mdc-form-field-infix{padding:0!important;min-height:auto!important;border-top:none!important;height:100%!important;display:flex;align-items:center}.calculator-container .currency-dropdown ::ng-deep .mat-mdc-select-trigger{font-size:14px;font-weight:500;color:transparent;height:100%;width:100%}.calculator-container .currency-dropdown ::ng-deep .mat-mdc-select-arrow-wrapper{display:none!important}.calculator-container .currency-dropdown ::ng-deep .mdc-notched-outline{display:none!important}.calculator-container .separator{width:1px;height:24px;background:#e1e5e9;margin:0 8px;flex-shrink:0}.calculator-container .amount-input-wrapper{flex:1;display:flex;justify-content:flex-end}.calculator-container .amount-input{border:none;background:transparent;font-size:18px;font-weight:600;color:#6c63ff;text-align:right;width:100%;max-width:200px}.calculator-container .amount-input:focus{outline:none}.calculator-container .amount-input::placeholder{color:#9ca3af}.calculator-container .amount-input[readonly]{cursor:default}.calculator-container .countdown-section{margin-bottom:20px}.calculator-container .countdown-section .countdown-text{display:block;font-size:12px;color:#656565;margin-bottom:8px;text-align:left}.calculator-container .countdown-section .progress-bar{width:100%;height:4px;background:#efc2ff80;border-radius:2px;overflow:hidden}.calculator-container .countdown-section .progress-bar .progress-fill{height:100%;background:#6c63ff;border-radius:2px;transition:width 1s linear}.calculator-container .cost-breakdown{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:12px}.calculator-container .cost-breakdown .cost-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.calculator-container .cost-breakdown .cost-item .cost-label{color:#656565;font-weight:900}.calculator-container .cost-breakdown .cost-item .cost-value{color:#1e1e1e;font-weight:600}.calculator-container .cost-breakdown .cost-item.rate-item{margin-top:8px;padding-top:12px;border-top:1px solid #e5e7eb}.calculator-container .cost-breakdown .cost-item.rate-item .rate-label{color:#6c63ff;font-weight:500;cursor:pointer}.calculator-container .cost-breakdown .cost-item.rate-item .rate-label:hover{text-decoration:underline}.calculator-container .cost-breakdown .cost-item.rate-item .rate-value{color:#6c63ff;font-weight:600}.calculator-container .receive-section{margin-bottom:20px}.calculator-container .receive-section .receive-label{display:block;font-size:14px;font-weight:500;color:#1e1e1e;margin-bottom:12px}.calculator-container .network-section{margin-bottom:24px}.calculator-container .network-section .network-select{width:100%}.calculator-container .network-section .network-select ::ng-deep .mat-mdc-form-field{width:100%}.calculator-container .transaction-btn{width:100%;padding:16px;background:linear-gradient(135deg,#9176ff 0% 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.calculator-container .transaction-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #9176ff4d}.calculator-container .transaction-btn:active:not(:disabled){transform:translateY(0)}.calculator-container .transaction-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 600px){.calculator-container .calculator-container{padding:16px;border-radius:16px}.calculator-container .calculator-container .error-message{padding-bottom:12px}.calculator-container .currency-input-wrapper{flex-direction:column;align-items:stretch}.calculator-container .currency-input-wrapper .currency-selector{min-width:auto}.calculator-container .currency-input-wrapper .amount-input-wrapper{justify-content:flex-start}.calculator-container .currency-input-wrapper .amount-input{max-width:100%;text-align:left}}.content-toggle{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:4px;border-radius:50px}.content-toggle .toggle-btn{flex:1;padding:12px 24px;border:none;background:#d9d9d9;color:#6b7280;font-size:14px;font-weight:500;border-radius:50px;cursor:pointer;transition:all .3s ease}.content-toggle .toggle-btn:hover{color:#4b5563}.content-toggle .toggle-btn.active{background:linear-gradient(135deg,#9176ff 0% 100%);color:#404040;box-shadow:0 2px 8px #6c63ff4d}