.ds-surface-darkest{background-color:#0b1224;color:#fff}.ds-surface-dark{background-color:#141e38;color:#fff}.ds-surface-medium{background-color:#1a284a;color:#fff}.ds-surface-muted{background-color:#515d7c;color:#fff}.ds-text-primary{color:#fff}.ds-text-secondary{color:#c4c4c4}.ds-text-muted{color:#8a8fa8}.ds-text-accent{color:#00d2a3}.ds-text-xs{font-size:12px}.ds-text-sm{font-size:14px}.ds-text-base{font-size:16px}.ds-text-md{font-size:18px}.ds-text-lg{font-size:20px}.ds-text-xl{font-size:24px}.ds-text-2xl{font-size:28px}.ds-text-3xl{font-size:32px}.ds-border{border:1px solid #515d7c;border-radius:5px}.ds-border-accent{border:1px solid rgba(0,210,163,0.3);border-radius:5px}.ds-border-top{border-top:1px solid #515d7c}.ds-card{border:1px solid #515d7c;border-radius:10px}.ds-card,.ds-card-accent{background-color:#141e38;box-shadow:0 4px 16px rgba(0,0,0,0.25);color:#fff}.ds-card-accent{border:1px solid rgba(0,210,163,0.3);border-radius:10px}.ds-card-elevated{background:rgba(11,18,36,0.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,210,163,0.3);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3);color:#fff;transition:all 300ms ease}.ds-card-elevated:hover{box-shadow:0 12px 40px rgba(0,210,163,0.4);border-color:rgba(0,210,163,0.6)}.ds-table{border-radius:10px;overflow:hidden}.ds-table tbody,.ds-table thead{background-color:#1a284a;color:#fff}.ds-table td,.ds-table th{padding:8px 16px}.ds-dialog{background-color:#141e38;border:1px solid rgba(0,210,163,0.3);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3);color:#fff;min-width:400px}.ds-btn-primary{background-color:#00d2a3!important;color:#000!important;min-width:120px;transition:all 150ms ease}.ds-btn-primary:hover{background-color:#00e8b4!important;box-shadow:0 0 20px rgba(0,210,163,0.3)}.ds-btn-primary.disabled,.ds-btn-primary:disabled{background-color:#515d7c!important;color:#8a8fa8!important;box-shadow:none}.ds-btn-outline{border:1px solid #00d2a3;color:#00d2a3!important;background:transparent!important;min-width:120px;transition:all 150ms ease}.ds-btn-outline:hover{background-color:rgba(0,210,163,0.1)!important}.ds-btn-outline.disabled,.ds-btn-outline:disabled{border-color:#515d7c;color:#8a8fa8!important}.ds-btn-danger{background-color:#c10015!important;color:#fff!important;min-width:120px;transition:all 150ms ease}.ds-btn-danger:hover{opacity:0.9}.ds-btn-ghost{background:transparent!important;color:#c4c4c4!important;transition:all 150ms ease}.ds-btn-ghost:hover{color:#fff!important;background-color:hsla(0,0%,100%,0.05)!important}.ds-badge-success{background-color:rgba(0,210,163,0.15);color:#00d2a3}.ds-badge-error,.ds-badge-success{padding:2px 8px;border-radius:9999px;font-size:14px}.ds-badge-error{background-color:rgba(193,0,21,0.15);color:#c10015}.ds-badge-warning{background-color:rgba(242,192,55,0.15);color:#f2c037}.ds-badge-info,.ds-badge-warning{padding:2px 8px;border-radius:9999px;font-size:14px}.ds-badge-info{background-color:rgba(30,187,255,0.15);color:#1ebbff}.ds-level-high{border:5px solid #ffa51e;border-radius:5px}.ds-level-mid{border:5px solid #1ebbff;border-radius:5px}.ds-level-low{border:5px solid #23d71f;border-radius:5px}.ds-gradient-premium{background:linear-gradient(0deg,#822798,#5be0ce)}.ds-gradient-accent{background:linear-gradient(90deg,#00d2a3,#5be0ce)}.ds-gradient-surface{background:linear-gradient(135deg,rgba(11,18,36,0.8),rgba(20,30,56,0.8) 50%,rgba(26,40,74,0.8))}.ds-shadow-sm{box-shadow:0 2px 8px rgba(0,0,0,0.2)}.ds-shadow-md{box-shadow:0 4px 16px rgba(0,0,0,0.25)}.ds-shadow-lg{box-shadow:0 8px 32px rgba(0,0,0,0.3)}.ds-shadow-glow{box-shadow:0 0 20px rgba(0,210,163,0.3)}.ds-accent-bar{position:relative}.ds-accent-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d2a3,#5be0ce);z-index:1}.ds-glass{background:rgba(20,30,56,0.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,210,163,0.3);border-radius:12px}.ds-transition{transition:all 300ms ease}.ds-interactive,.ds-transition-fast{transition:all 150ms ease}.ds-interactive{cursor:pointer}.ds-interactive:hover{opacity:0.85}.ds-focus-ring:focus,.ds-focus-ring:focus-visible{outline:2px solid rgba(0,210,163,0.4);outline-offset:2px}.ds-scrollbar::-webkit-scrollbar{width:6px;height:6px}.ds-scrollbar::-webkit-scrollbar-track{background:#0b1224}.ds-scrollbar::-webkit-scrollbar-thumb{background:#515d7c;border-radius:9999px}.ds-scrollbar::-webkit-scrollbar-thumb:hover{background:#c4c4c4}.ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:#8a8fa8;text-align:center}.ds-empty-state .ds-empty-state__icon{font-size:48px;margin-bottom:16px;opacity:0.5}.ds-empty-state .ds-empty-state__text{font-size:18px}@font-face{font-family:Regular-sarabun;src:url(../fonts/Sarabun-Regular.6620546d.ttf)}@font-face{font-family:Bold-sarabun;src:url(../fonts/THSarabun-Bold.bba24ce8.ttf)}@font-face{font-family:sara-b;src:url(../fonts/THSarabun-B.023beef2.ttf)}body{font-family:Regular-sarabun;font-size:16px}.brx{border:1px solid red}.font-bold{font-family:Bold-sarabun}.font-sara-b{font-family:sara-b}.backdrop{background-color:rgba(0,0,0,0.7)}.radiusTable{border-radius:10px;overflow:hidden}.bg1{background-color:#0b1224}.bg2{background-color:#141e38}.bg-btn1{background-color:#1a284a}.bg3{background-color:#515d7c}.border1{border:1px solid #515d7c;border-radius:5px}.border1T{border-top:1px solid #515d7c}.unit.q-field--dark .q-field__control:before{border-color:#515d7c!important}.f14{font-size:14px}.f18{font-size:18px}.f24{font-size:24px}.text-icon{color:#00d2a3}.boxRateUp{border:5px solid #ffa51e;border-radius:5px}.boxNonRateUp{border:5px solid #1ebbff;border-radius:5px}.boxMiddle{border:5px solid #23d71f;border-radius:5px}.boxLow{border:5px solid #fff;border-radius:5px}.mouse{cursor:pointer}.bg-highLevel,.bg-rateUp{background:linear-gradient(0deg,#822798,#5be0ce)}.bg-common{background:linear-gradient(0deg,#ffbf1b,#ffcf51)}.bg-coin{background:linear-gradient(0deg,#c3cad8,#c3cad8)}.p-bg-yellow{background-color:#ffa31a}.p-bg-gray{background-color:grey}.p-bg-dark{background-color:#292929}.p-bg-black{background-color:#1b1b1b}@font-face{font-family:Sarabun-Regular;src:url(../fonts/Sarabun-Regular.e4a771fc.ttf)}@font-face{font-family:Sarabun-SemiBold;src:url(../fonts/Sarabun-SemiBold.f39677f2.ttf)}@font-face{font-family:Sarabun-Medium;src:url(../fonts/Sarabun-Medium.04aaa571.ttf)}@font-face{font-family:Sarabun-Bold;src:url(../fonts/Sarabun-Bold.b8825eaa.ttf)}.q-menu-class{border:1px solid #3a4663;border-radius:12px}.bgcl1,.q-menu-class{background-color:#141e38}.bgcl2{background-color:#1a284a}.bgcl3{background-color:#0a786d}.bgcl4{color:#515d7c}.secondary-300{background:#1de9b6}.secondary-color-300{color:#1de9b6}.secondary-500{background:#26a69a}.secondary-color-500{color:#26a69a}.warning-400{background:#ffad0d}.warning-color-400{color:#ffad0d}.warning-500{background:#fe9b0e}.warning-color-500{color:#fe9b0e}.warning-600{background:#8e4909}.warning-color-600{color:#8e4909}.neutral-100,.neutral-color-100{color:#fafafa}.danger-400{background:#f03d3d}.danger-color-400{color:#f03d3d}.danger-500{background:#db2828}.danger-color-500{color:#db2828}.danger-600{background:#7b0808}.danger-color-600{color:#7b0808}.success-400{background:#12b466}.success-color-400{color:#12b466}.success-500{background:#00a569}.success-color-500{color:#00a569}.success-600{background:#085c52}.success-color-600{color:#085c52}.info-600{background:#0064c0}.info-color-600{color:#0064c0}.bw-white{color:#fff}.bw-bg-white{background:#fff}.bw-black{color:#121212}.bw-bg-black{background:#121212}.primary-100{background:#a3a9b7}.primary-color-100{color:#a3a9b7}.primary-200{background:#515d7c}.primary-color-200{color:#515d7c}.primary-300{background:#3a4663}.primary-color-300{color:#3a4663}.primary-400{background:#1d2e59}.primary-color-400{color:#1d2e59}.primary-500{background:#1a284a}.primary-color-500{color:#1a284a}.primary-600{background:#141e38}.primary-color-600{color:#141e38}.primary-700{background:#0b1224}.primary-color-700{color:#0b1224}.fs-h1{font-size:24px}.fs-h2{font-size:20px}.fs-title{font-size:18px}.fs-subtitle{font-size:16px}.fs-subtitle-500{font-family:Sarabun-Medium;font-size:16px;font-weight:500}.fs-subtitle-600{font-family:Sarabun-SemiBold;font-size:16px;font-weight:600}.fs-subtitle-700{font-family:Sarabun-Bold;font-size:16px;font-weight:700}.fs-body,.fs-body-400{font-size:14px}.fs-body-400{font-family:Sarabun-Regular;font-weight:400}.fs-body-500{font-family:Sarabun-Medium;font-size:14px;font-weight:500}.fs-body-600{font-family:Sarabun-SemiBold;font-size:14px;font-weight:600}.fs-body-700{font-family:Sarabun-Bold;font-size:14px;font-weight:700}.fs-caption{font-size:12px}.fs-caption-400{font-family:Sarabun-Regular;font-size:12px;font-weight:400}.fs-caption-500{font-family:Sarabun-Medium;font-size:12px;font-weight:500}.fs-caption-600{font-family:Sarabun-SemiBold;font-size:12px;font-weight:600}.fs-caption-700{font-family:Sarabun-Bold;font-size:12px;font-weight:700}.fs-h2-SemiBold{font-family:Sarabun-SemiBold;font-size:20px;font-weight:600}