html{scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f5f9fc transparent}:root{--primary-color: #824bf1;--pink-color: #ec4096;--error-color: #b634cc;--orange-color: #f59e0b;--header-height: 96px;--notify-top: 96px;--chat-top: 96px;--btn-muted: #cbd1db;--bg-light: #f0f5f8;--bg-muted-lighter: #b7c0cf;--bg-secondary: #b2bccb;--bg-secondary-dark: #9aa6b8;--text-dark: #0b1524;--text-muted: #9fa9b9;--text-muted-subtitle: #bdc5d3;--text-muted-light: #99a3b4;--text-muted-lighter: #b7c0cf;--text-chat-message: #919fb4;--text-secondary: #b2bccb;--text-secondary-dark: #838c9a;--border-color: #ebf0f4;--border-light: #ebf1f4;--bg-success: rgb(92 207 122 / 20%);--border-success: #dcf1e2;--text-success: #5ccf7a;--green-dark: #389c52;--bg-error: rgba(236, 64, 150, .2);--border-error: #fcdaeb;--text-error: #ec4096;--text-error-dark: #d43685;--bg-purple: rgb(130 75 241 / 20%);--border-purple: #e7dcfb;--text-purple: #9465f3;--text-purple-dark: #7648d4;--text-purple-secondary: #8e65e3;--bg-orange: rgb(245 158 11 / 20%);--border-orange: #fde6c7;--text-orange: #f59e0b;--text-orange-dark: #d97706;--tab-radius: 12px;--tab-button-radius: 12px;--tab-py: 4px;--tab-px: 6px}@media (max-width: 640px){:root{--header-height: 72px}}body{background-color:var(--bg-light);font-family:PT Root UI,sans-serif;height:100vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f5f9fc transparent;padding-right:0!important}#app{min-height:100svh}input,button{font-family:PT Root UI,sans-serif;font-weight:500}input{outline:none}button{cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:active{transform:scale(.98)}.btn{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;border-radius:12px;font-weight:500;color:#fff;transition:.15s ease-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-muted{background:var(--btn-muted);color:#fff;padding:.5rem 1rem;border-radius:12px;transition:background .15s ease,opacity .15s ease,transform .15s ease;cursor:pointer;border:none}.btn-muted:hover{background:var(--primary-color)}.btn-muted:active{transform:scale(.98)}.btn-muted:disabled{pointer-events:none;opacity:.8;cursor:not-allowed}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{opacity:.95}.btn-pink{background-color:var(--pink-color)}.btn-white{background-color:#fff;transition:.3s transform ease}.btn-white.animate:hover,.btn-white.animate:active{transform:translateY(-4px)}.btn-white.animate:active{transform:translateY(0) scale(1.05)}.btn-green{background-color:var(--bg-success);color:var(--green-dark);border:1px solid rgb(56 156 82 / 20%)}.btn-green:hover{transform:scale(1.06)}.btn-secondary{background:var(--bg-light);color:var(--text-muted);font-weight:500;border-radius:10px;padding:.4375rem .875rem;border:1px solid var(--border-color);overflow:hidden;transition:all .1s ease}.btn-secondary:hover,.btn-secondary:active{background:#eef3f7;color:var(--text-muted);border-color:var(--border-light)}.btn-light{width:100%;height:100%;background-color:#e2e9ee;color:#98a3b6;border:1px solid #d8dfe5;transition:all .15s ease}.btn-light:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.card{background-color:#fff;border:1px solid var(--border-light);border-radius:16px}.centered{display:flex;align-items:center;justify-content:center}@font-face{font-family:PT Root UI;src:url(/build/assets/pt-root-ui_regular-DAfJN3DY.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Root UI;src:url(/build/assets/pt-root-ui_medium-Dc0oVJgs.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PT Root UI;src:url(/build/assets/pt-root-ui_bold-Bwo4C7LE.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.custom-scroll{scrollbar-width:thin;scrollbar-color:#f5f9fc transparent}.main-container{display:grid;grid-template-columns:60px minmax(0,2fr) minmax(0,340px);gap:44px}@media (max-width: 1500px){.main-container{gap:32px}}@media (max-width: 1400px){.main-container{grid-template-columns:50px minmax(0,2fr) minmax(0,300px);gap:26px}}@media (max-width: 1280px){.main-container{grid-template-columns:50px minmax(0,2fr) minmax(0,250px);gap:25px}}@media (max-width: 1024px){.main-container{display:flex}}.content-p{padding:32px;display:flex;flex-direction:column;gap:24px}@media (max-width: 1280px){.content-p{padding-inline:24px}}@media (max-width: 1024px){.content-p{padding-inline:12px}}.shadow-l{box-shadow:0 24px 20px 2.07px #7c7c7c1a}@view-transition{navigation: auto;}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-title{font-weight:700;font-size:20px;color:var(--text-dark)}.modal-overlay{background-color:#ffffff4d!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .2s ease}.vfm--fixed{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;height:100%;position:relative;width:inherit}@media (max-width: 768px){.modal-wrapper{align-items:flex-start;overflow-y:auto}}@media (max-width: 640px){.modal-wrapper{padding:6px}}.modal-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;margin:auto}@media (max-width: 768px){.modal-box{width:100%}}.modal{overflow-x:hidden;overflow-y:auto;padding:10px}@media (max-width: 640px){.modal{padding:0}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0}.modal-title{font-size:22px;font-weight:600;color:var(--text-dark)}@media (max-width: 640px){.modal-title{font-size:20px}}@media (max-width: 400px){.modal-title{font-size:16px}}.modal-body{padding:8px 20px 20px}.modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:10px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.6;background-color:var(--bg-light);width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:32px;border-radius:12px;border:1px solid var(--border-color);color:var(--text-muted);animation:.15s ease-out}.modal-close:hover{opacity:1}.fade-modal-enter-active,.fade-modal-leave-active{transition:opacity .25s ease}.fade-modal-enter-from,.fade-modal-leave-to{opacity:0}.modal-enter-active,.modal-leave-active{transition:all .2s cubic-bezier(.2,.8,.2,1)}.modal-enter-from{opacity:0;transform:translateY(30px) scale(.95)}.modal-leave-to{opacity:0;transform:translateY(10px) scale(.98)}@media (max-width: 768px){.modal-enter-from{transform:translateY(100%)}.modal-enter-to{transform:translateY(0)}}.overflow-x-auto{-webkit-overflow-scrolling:touch}.skeleton{position:relative;overflow:hidden;background:linear-gradient(135deg,#9aa6b814,#9aa6b82e);border-radius:12px;opacity:.9;animation:skeleton-pulse 2.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.85}50%{opacity:1}}.skeleton:after{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(90deg,transparent,rgb(154 166 184 / 8%),rgb(154 166 184 / 18%),transparent);animation:skeleton-shimmer 1.6s ease-in-out infinite;filter:blur(.2px)}@keyframes skeleton-shimmer{0%{transform:translate(0);opacity:.6}50%{opacity:1}to{transform:translate(220%);opacity:.6}}.balance{font-variant-numeric:tabular-nums}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:PT Root UI,sans-serif!important}@media (max-width: 1024px){.chaport-container.chaport-container-positioned{bottom:64px}}