.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}