:root{--blue-20:#000071;--blue-10:#00003d;--blue-100:#f5f5ff;--blue-30:#00009f;--blue-40:#0000c2;--blue-50:#0000da;--blue-60:#2323ea;--blue-70:#7a7af3;--blue-80:#bdbdf9;--blue-90:#e5e5fc;--cyan-20:#006271;--cyan-10:#00353d;--cyan-100:#f5feff;--cyan-30:#00899f;--cyan-40:#00a8c2;--cyan-50:#00bdda;--cyan-60:#23cfea;--cyan-70:#7ae3f3;--cyan-80:#bdf1f9;--cyan-90:#e5f9fc;--green-20:#4b7100;--green-10:#293d00;--green-100:#fcfff5;--green-30:#6a9f00;--green-40:#81c200;--green-50:#92da00;--green-60:#a7ea23;--green-70:#cbf37a;--green-80:#e5f9bd;--green-90:#f5fce5;--greyscale-20:#292e38;--greyscale-10:#15181f;--greyscale-100:#fdfeff;--greyscale-30:#3e4450;--greyscale-40:#545b69;--greyscale-50:#6c7482;--greyscale-60:#868d9b;--greyscale-70:#a1a8b4;--greyscale-80:#bfc3cd;--greyscale-90:#dde0e6;--greyscale-0:#000;--greyscale-black-only:#000;--greyscale-white-only:#fff;--orange-20:#713500;--orange-10:#3d1d00;--orange-100:#fffaf5;--orange-30:#9f4a00;--orange-40:#c25b00;--orange-50:#da6600;--orange-60:#ea7f23;--orange-70:#f3b37a;--orange-80:#f9d9bd;--orange-90:#fcf0e5;--pink-20:#71004b;--pink-10:#3d0029;--pink-100:#fff5fc;--pink-30:#9f006a;--pink-40:#c20081;--pink-50:#da0092;--pink-60:#ea23a7;--pink-70:#f37acb;--pink-80:#f9bde5;--pink-90:#fce5f5;--purple-20:#3c0071;--purple-10:#21003d;--purple-100:#faf5ff;--purple-30:#55009f;--purple-40:#6700c2;--purple-50:#7400da;--purple-60:#8d23ea;--purple-70:#bb7af3;--purple-80:#ddbdf9;--purple-90:#f1e5fc;--red-20:#710f00;--red-10:#3d0800;--red-100:#fff6f5;--red-30:#9f1500;--red-40:#c21a00;--red-50:#da1d00;--red-60:#ea3d23;--red-70:#f38b7a;--red-80:#f9c5bd;--red-90:#fce8e5;--yellow-20:#714b00;--yellow-10:#3d2900;--yellow-100:#fffcf5;--yellow-30:#9f6a00;--yellow-40:#c28100;--yellow-50:#da9200;--yellow-60:#eaa723;--yellow-70:#f3cb7a;--yellow-80:#f9e5bd;--yellow-90:#fcf5e5;--brand-primary:#03f682;--brand-primary-hover:#03624c;--brand-secondary:#2cc295;--brand-secondary-hover:#1f8f6e;--brand-tertiary:#b2e67a;--brand-tertiary-hover:#8fce4f;--brand-quaternary:#145c46;--brand-quaternary-hover:#03624c;--background-primary:#161617;--background-primary-hover:#1f2021;--background-secondary:#1f2021;--background-secondary-hover:#2a2b2d;--background-tertiary:#2a2b2d;--background-tertiary-hover:#3a3b3e;--background-quaternary:#3a3b3e;--background-quaternary-hover:#4a4b4e;--text-primary:#fff;--text-primary-hover:#fff;--text-secondary:#bfc3cd;--text-secondary-hover:#fff;--text-tertiary:#868d9b;--text-tertiary-hover:#bfc3cd;--text-quaternary:#545b69;--text-quaternary-hover:#868d9b;--border-primary:#ffffff1a;--border-primary-hover:#fff3;--border-secondary:#ffffff0d;--border-secondary-hover:#ffffff1a;--border-tertiary:#333942;--border-tertiary-hover:#3a3b3e;--border-quaternary:#2d323d;--border-quaternary-hover:#333942;--button-primary:#03f682;--button-primary-hover:#03624c;--button-secondary:#03624c;--button-secondary-hover:#024c3b;--button-tertiary:#3e4450;--button-tertiary-hover:#545b69;--button-quaternary:#2cc295;--button-quaternary-hover:#1f8f6e;--button-danger:#710f00;--button-danger-hover:#9f1500;--status-success:#4caf50;--status-success-hover:#419834;--status-error:#f44;--status-error-hover:#c44;--status-warning:#f80;--status-warning-hover:#e07700;--status-info:#2196f3;--status-info-hover:#15a7fb;--scrollbar-thumb:#4a4b4e;--scrollbar-thumb-hover:#5c5e63;--scrollbar-track:transparent;--bet-status-pending:#9aa0a6;--bet-status-pending-bg:#2a2c30;--bet-status-won:#16c784;--bet-status-won-bg:#15271e;--bet-status-lose:#ff5b5b;--bet-status-lose-bg:#2a1718;--bet-status-void:#ffa726;--bet-status-void-bg:#2c2113;--table-row-highlight:#242529;--table-row-highlight-hover:#2a2b2d;--table-row-highlight-yellow:#5a5230;--table-row-highlight-skyblue:#2f5060;--table-row-highlight-blue:#344070;--table-row-highlight-orange:#5c4530;--table-row-highlight-green:#2f5540;--table-row-highlight-yellowgreen:#475530;--table-row-highlight-red:#5c3434;--table-row-highlight-purple:#46346b;--brand-primary-a34:color-mix(in srgb, var(--brand-primary) 34%, transparent);--brand-primary-a15:color-mix(in srgb, var(--brand-primary) 15%, transparent);--filter-brand-primary:brightness(0) saturate(100%) invert(66%) sepia(68%) saturate(442%) hue-rotate(118deg) brightness(97%) contrast(90%);--background-neutral-primary:var(--background-primary);--background-neutral-secondary:var(--background-secondary);--background-neutral-tertiary:var(--background-tertiary);--background-neutral-quaternary:var(--background-quaternary);--background-brand-primary:var(--brand-primary);--background-brand-secondary:var(--brand-secondary);--background-brand-tertiary:var(--brand-tertiary);--background-brand-hover:var(--brand-primary-hover);--background-brand-primary-a34:var(--brand-primary-a34);--background-brand-primary-a15:var(--brand-primary-a15);--text-neutral-primary:var(--text-primary);--text-neutral-secondary:var(--text-secondary);--text-neutral-tertiary:var(--text-tertiary);--text-neutral-disabled:var(--text-quaternary);--text-brand-primary:var(--brand-primary);--text-brand-secondary:var(--brand-secondary);--text-brand-tertiary:var(--brand-tertiary);--text-brand-hover:var(--brand-primary-hover);--border-neutral-primary:var(--border-primary);--border-neutral-secondary:var(--border-secondary);--border-brand-primary:var(--brand-primary);--border-brand-secondary:var(--brand-secondary);--button-brand-primary:var(--button-primary);--button-brand-secondary:var(--button-secondary);--button-brand-tertiary:var(--button-tertiary);--button-brand-quaternary:var(--button-quaternary);--button-brand-danger:var(--button-danger);--button-brand--hover:var(--button-primary-hover);--bg-primary:var(--background-primary);--bg-secondary:var(--background-secondary);--bg-tertiary:var(--background-tertiary);--border-light:var(--border-quaternary);--background-neutral-inverse-primary:#545b69;--background-neutral-inverse-secondary:#6c7482;--background-neutral-inverse-tertiary:#868d9b;--text-neutral-inverse-primary:#000;--text-neutral-inverse-secondary:#15181f;--text-neutral-inverse-tertiary:#292e38;--Ttingbet--background-brand-cyan-primary:#23cfea;--Ttingbet--background-brand-cyan-secondary:#7ae3f3;--background-brand-cyan-tertiary:#6898c3;--Ttingbet--background-brand-cyan-hover:#00dbff;--button-popup:#353949;--button-popup-cancel:#2e3543;--shadow-brand:#03f682;--shadow-heavy:#0003;--shadow-medium:#00000026;--shadow-light:#0000001a;--background-accent-cyan-inverse:var(--background-quaternary);--background-accent-cyan-primary:var(--background-quaternary);--background-accent-green-inverse:var(--background-quaternary);--background-accent-green-primary:var(--background-quaternary);--background-accent-orange-inverse:var(--background-quaternary);--background-accent-orange-primary:var(--background-quaternary);--background-accent-purple-inverse:var(--background-quaternary);--background-accent-purple-primary:var(--background-quaternary);--background-brand-yellow-primary:var(--background-quaternary);--background-brand-yellow-secondary:var(--background-quaternary);--background-brand-yellow-tertiary:var(--background-quaternary);--background-neutral-disabled:var(--background-quaternary);--background-semantic-error-bold:var(--background-quaternary);--background-semantic-error-subtle:var(--background-quaternary);--background-semantic-info-bold:var(--background-quaternary);--background-semantic-info-subtle:var(--background-quaternary);--background-semantic-success-bold:var(--background-quaternary);--background-semantic-success-subtle:var(--background-quaternary);--background-semantic-warning-bold:var(--background-quaternary);--background-semantic-warning-subtle:var(--background-quaternary);--border-brand-inverse:var(--border-tertiary);--border-brand-yellow-inverse:var(--border-tertiary);--border-brand-yellow-primary:var(--border-secondary);--border-neutral-inverse-primary:var(--border-secondary);--border-neutral-inverse-secondary:var(--border-secondary);--border-semantic-error-inverse:var(--border-tertiary);--border-semantic-info-inverse:var(--border-tertiary);--border-semantic-info-primary:var(--border-secondary);--border-semantic-success-inverse:var(--border-tertiary);--border-semantic-success-primary:var(--border-secondary);--border-semantic-warning-inverse:var(--border-tertiary);--border-semantic-warning-primary:var(--border-secondary);--text-brand-orange-inverse:var(--text-tertiary);--text-brand-yellow-inverse:var(--text-tertiary);--text-brand-yellow-primary:var(--text-primary);--text-brand-yellow-secondary:var(--text-secondary);--text-danger-primary:var(--red-50);--text-danger-secondary:var(--red-40);--text-danger-tertiary:var(--red-30);--text-semantic-error-inverse:var(--text-tertiary);--text-semantic-error-primary:var(--text-primary);--text-semantic-info-inverse:var(--text-tertiary);--text-semantic-info-primary:var(--text-primary);--text-semantic-success-inverse:var(--text-tertiary);--text-semantic-success-primary:var(--text-primary);--text-semantic-warning-inverse:var(--text-tertiary);--text-semantic-warning-primary:var(--text-primary);--bg-quaternary:#292e38;--bg-light:#3f444f;--bg-dark:#1c1a1a;--text-subtle:#777}:root[data-theme=light]{--brand-primary:#03a65a;--brand-primary-hover:#03624c;--brand-secondary:#2cc295;--brand-secondary-hover:#1f8f6e;--brand-tertiary:#6fa83c;--brand-tertiary-hover:#57892c;--brand-quaternary:#03624c;--brand-quaternary-hover:#024c3b;--background-primary:#fff;--background-primary-hover:#f2f3f5;--background-secondary:#f5f6f8;--background-secondary-hover:#eceef1;--background-tertiary:#eceef1;--background-tertiary-hover:#e0e3e8;--background-quaternary:#dde0e6;--background-quaternary-hover:#cdd1d9;--text-primary:#161617;--text-primary-hover:#000;--text-secondary:#3e4450;--text-secondary-hover:#161617;--text-tertiary:#6c7482;--text-tertiary-hover:#3e4450;--text-quaternary:#a1a8b4;--text-quaternary-hover:#6c7482;--border-primary:#0000001f;--border-primary-hover:#00000038;--border-secondary:#0000000f;--border-secondary-hover:#0000001f;--border-tertiary:#dde0e6;--border-tertiary-hover:#cdd1d9;--border-quaternary:#eceef1;--border-quaternary-hover:#dde0e6;--button-primary:#03a65a;--button-primary-hover:#03624c;--button-secondary:#03624c;--button-secondary-hover:#024c3b;--button-tertiary:#dde0e6;--button-tertiary-hover:#cdd1d9;--button-quaternary:#2cc295;--button-quaternary-hover:#1f8f6e;--button-danger:#c21a00;--button-danger-hover:#9f1500;--status-success:#2e7d32;--status-success-hover:#1b5e20;--status-error:#d32f2f;--status-error-hover:#b71c1c;--status-warning:#ed6c02;--status-warning-hover:#c75b00;--status-info:#0288d1;--status-info-hover:#0277bd;--scrollbar-thumb:#c2c6ce;--scrollbar-thumb-hover:#a1a8b4;--scrollbar-track:transparent;--bet-status-pending:#6b7280;--bet-status-pending-bg:#f1f2f4;--bet-status-won:#0e9f6e;--bet-status-won-bg:#e6f6ee;--bet-status-lose:#e02424;--bet-status-lose-bg:#fdecec;--bet-status-void:#d97706;--bet-status-void-bg:#fff4e5;--table-row-highlight:#f2f3f6;--table-row-highlight-hover:#e8eaee;--table-row-highlight-yellow:#fbf3d6;--table-row-highlight-skyblue:#dff1fa;--table-row-highlight-blue:#e3e9fb;--table-row-highlight-orange:#fbead6;--table-row-highlight-green:#def6e7;--table-row-highlight-yellowgreen:#eef6d6;--table-row-highlight-red:#fbe0e0;--table-row-highlight-purple:#ece3fb;--background-neutral-inverse-primary:#dde0e6;--background-neutral-inverse-secondary:#cdd1d9;--background-neutral-inverse-tertiary:#a1a8b4;--text-neutral-inverse-primary:#fff;--text-neutral-inverse-secondary:#f5f6f8;--text-neutral-inverse-tertiary:#eceef1;--button-popup:#e0e3e8;--button-popup-cancel:#eceef1;--bg-quaternary:#e0e3e8;--bg-light:#eceef1;--bg-dark:#f5f6f8;--text-subtle:#6c7482;--shadow-heavy:#0000001f;--shadow-medium:#00000014;--shadow-light:#0000000d}
@font-face{font-family:NanumGothic;font-weight:400;src:url(/font/NanumBarunGothic.otf)}@font-face{font-family:NanumGothic;font-weight:400;src:url(/font/NanumBarunGothicBold.otf)}@font-face{font-family:NanumGothic;font-weight:400;src:url(/font/NanumBarunGothicLight.otf)}@font-face{font-family:NanumGothic;font-weight:100;src:url(/font/NanumBarunGothicUltraLight.otf)}@font-face{font-family:GmarketSans;font-weight:400;src:url(/font/GmarketSansMedium.otf)}@font-face{font-family:GmarketSans;font-weight:600;src:url(/font/GmarketSansBold.otf)}@font-face{font-family:GmarketSans;font-weight:200;src:url(/font/GmarketSansLight.otf)}*{box-sizing:border-box;color:var(--text-primary);font-family:NanumGothic,sans-serif;font-size:14px}body{border:0;margin:0;padding:0}.app{position:fixed;inset:0;overflow:scroll}.app::-webkit-scrollbar{width:0;height:0}

.swa2-container{opacity:1;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.swal2-modal{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:var(--background-secondary)!important}.swal2-modal .swal2-success-circular-line-right,.swal2-modal .swal2-success-circular-line-left,.swal2-modal .swal2-success-fix{display:none}.swal2-modal .swal2-title{color:var(--text-primary)}.swal2-modal .swal2-html-container{display:none!important}.swal2-modal .swal2-actions .swal2-confirm{background-color:var(--brand-primary);justify-content:center;align-items:center;width:100%;min-width:150px;max-width:420px;margin:20px 10px;transition:a;display:flex;border-radius:0!important}.swal2-modal .swal2-actions .swal2-confirm:hover{background-color:var(--brand-primary-hover);transition:all .25s}.swal2-modal .swal2-success-circular-line-left,.swal2-modal .swal2-success-circular-line-right,.swal2-modal .swal2-success-fix{display:none}.Popup.PopupScreen{z-index:10000;-webkit-user-select:none;user-select:none;display:block;position:fixed;top:0;left:0}.Popup.PopupScreen .PopupItem{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#15181f;border-radius:0;width:100vw;height:100vh;position:absolute;top:0;left:0;transform:none;box-shadow:0 0 10px #000}.Popup.PopupScreen .PopupItem>.PopupHeader{background:linear-gradient(90deg, #1b222c00 0%, #1b222c 35%),linear-gradient(90deg, var(--brand-primary), #1b222c80 30%),repeating-linear-gradient(-45deg, #ffffff12, #ffffff12 10px, transparent 10px, transparent 20px),#232a33;cursor:move;justify-content:space-between;align-items:center;height:50px;padding:0 15px;display:flex}.Popup.PopupScreen .PopupItem>.PopupHeader .BtnClose{cursor:pointer;width:24px;height:24px;padding:4px}.Popup.PopupScreen .PopupItem>.PopupHeader+div{-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:auto}.Popup.PopupScreen .PopupItem>.PopupHeader+div::-webkit-scrollbar{width:0;display:none}.Popup.PopupScreen .PopupItem .form{padding:15px}.Popup.PopupScreen .PopupItem .form .form-content .form-group{flex-direction:column;margin-bottom:16px;display:flex;position:relative}.Popup.PopupScreen .PopupItem .form .form-content .form-group .label{align-items:center;width:auto;margin-bottom:8px;font-size:14px;display:flex}.Popup.PopupScreen .PopupItem>.header{cursor:move;background-color:#1f2225;justify-content:space-between;align-items:center;height:50px;padding:0 15px;display:flex}.Popup.PopupScreen .PopupItem>.header .title{font-size:16px;font-weight:600}.Popup.PopupScreen .PopupItem>.header .close-btn{cursor:pointer;width:24px;height:24px;padding:4px}.Popup.PopupScreen .PopupItem>.component{justify-content:center;align-items:center;padding:15px;display:flex}.Popup.PopupScreen .screen-guard{opacity:.4;background-color:#00000080;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.Popup.PopupScreen input[type=text],.Popup.PopupScreen input[type=number],.Popup.PopupScreen input[type=password],.Popup.PopupScreen select,.Popup.PopupScreen textarea{resize:none;background-color:#242831;border:1px solid #292e38;border-radius:4px;outline:none;width:100%;height:44px;padding:0 12px;font-size:16px}.Popup.PopupScreen textarea{height:100px;padding:12px}.Popup.PopupScreen .quick-cash{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;padding:0 15px;display:flex}.Popup.PopupScreen .quick-cash .money-item{cursor:pointer;background:#0000003d;border-radius:4px;justify-content:center;align-items:center;width:calc(50% - 4px);height:44px;font-size:14px;display:flex}.Popup.PopupScreen .quick-cash .money-item:hover,.Popup.PopupScreen .quick-cash .money-item:active{color:var(--brand-tertiary);border-color:var(--brand-primary);background:#0000005d;transition:all .2s}.Popup.PopupScreen .form-footer{background:#15181f;flex-direction:column;margin-top:15px;padding:0 15px 15px;display:flex;position:sticky;bottom:0}.Popup.PopupScreen .form-footer .btn-group{flex-direction:column;gap:10px;display:flex}.Popup.PopupScreen .form-footer .btn-group.full-width,.Popup.PopupScreen .form-footer .btn-group.full-width .btn{width:100%}.Popup.PopupScreen .form-footer .btn-group .btn{background-color:var(--brand-primary);color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:100%;height:44px;padding:0 20px;font-size:14px;display:flex}.Popup.PopupScreen .form-footer .btn-group .btn.submit{background-color:var(--brand-primary);font-weight:500}.Popup.PopupScreen .form-footer .btn-group .btn.submit:hover,.Popup.PopupScreen .form-footer .btn-group .btn.submit:active{background-color:var(--brand-primary-a34);transition:all .25s}.Popup.PopupScreen .form-footer .btn-group .btn.cancel{background-color:var(--background-quaternary)}.Popup.PopupScreen .can-btn{cursor:pointer;text-align:center;touch-action:manipulation;border-radius:4px;flex-grow:1;justify-content:center;align-items:center;width:100%;font-weight:400;display:flex}.Popup.PopupScreen .can-btn.sm{white-space:nowrap;height:32px;padding:0 12px;font-size:13px}.Popup.PopupScreen .can-btn.md{height:44px;padding:0 20px;font-size:14px}.Popup.PopupScreen .can-btn.lg{height:52px;padding:0 25px;font-size:16px}.Popup.PopupScreen .can-btn.xl{height:60px;padding:0 30px;font-size:18px}.Popup.PopupScreen .can-btn.primary{background-color:var(--brand-primary);color:#fff}.Popup.PopupScreen .can-btn.primary.outlined{background:0 0;border:1px solid #545b69!important}.Popup.PopupScreen .can-btn.primary2{color:#000;white-space:nowrap;background-color:#0a3a49}.Popup.PopupScreen .can-btn.primary2.outlined{color:#fff;background-color:#000;border:1px solid #545b69!important}.Popup.PopupScreen .can-btn.primary3{color:#fff5fc;white-space:nowrap;background-color:#3e4450!important}.Popup.PopupScreen .can-btn.primary3.outlined{color:#fff;background-color:#000;border:1px solid #545b69!important}.Popup.PopupScreen .can-btn.secondary{background:var(--brand-primary);color:#000}.Popup.PopupScreen .can-btn.secondary.outlined{background:0 0;border:1px solid #545b69!important}.Popup.PopupScreen .can-btn.secondary-light{background-color:#374151}.Popup.PopupScreen .can-btn.secondary-light.outlined{background:0 0;border:1px solid #c1d2ee5c!important}.Popup.PopupScreen .can-btn.tertiary{background-color:#3e4450!important}.Popup.PopupScreen .can-btn.tertiary.outlined{background:0 0;border:1px solid #1f3749!important}.Popup.PopupScreen .can-btn.danger{color:#fff;background-color:#8b2424}.Popup.PopupScreen .can-btn.danger.outlined{background:0 0;border:1px solid #8b2424!important}.Popup.PopupScreen .can-btn.odd{background-color:#515763}
.swa2-container{opacity:1;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.swal2-modal{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:var(--background-secondary)!important}.swal2-modal .swal2-success-circular-line-right,.swal2-modal .swal2-success-circular-line-left,.swal2-modal .swal2-success-fix{display:none}.swal2-modal .swal2-title{color:var(--text-primary)}.swal2-modal .swal2-html-container{display:none!important}.swal2-modal .swal2-actions .swal2-confirm{background-color:var(--brand-primary);justify-content:center;align-items:center;width:100%;min-width:150px;max-width:420px;margin:20px 10px;transition:a;display:flex;border-radius:0!important}.swal2-modal .swal2-actions .swal2-confirm:hover{background-color:var(--brand-primary-hover);transition:all .25s}.swal2-modal .swal2-success-circular-line-left,.swal2-modal .swal2-success-circular-line-right,.swal2-modal .swal2-success-fix{display:none}.mobile-layout{background:var(--background-secondary);height:100vh;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.mobile-layout .container{background:var(--background-secondary);flex-direction:column;height:100%;display:flex;position:relative}.mobile-layout .mobile-header{background:var(--background-primary);z-index:1000;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000001a}.mobile-layout .mobile-header .left{align-items:center;display:flex}.mobile-layout .mobile-header .menu-toggle,.mobile-layout .mobile-header .user-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.mobile-layout .mobile-header .menu-toggle:active,.mobile-layout .mobile-header .user-toggle:active{background:#ffffff1a}.mobile-layout .mobile-header .hamburger{flex-direction:column;justify-content:space-between;width:24px;height:20px;display:flex;position:relative}.mobile-layout .mobile-header .hamburger span{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.mobile-layout .mobile-header .hamburger.open span:first-child{transform:translateY(9px)rotate(45deg)}.mobile-layout .mobile-header .hamburger.open span:nth-child(2){opacity:0}.mobile-layout .mobile-header .hamburger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-layout .mobile-header .site-logo{object-fit:contain;width:auto;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-layout .mobile-header .avatar-circle{background:var(--brand-primary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-layout .mobile-header .avatar-circle .avatar-text{color:var(--text-primary);font-size:16px;font-weight:700}.mobile-layout .overlay{z-index:1001;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-layout .user-dropdown{background:var(--background-primary);z-index:1002;border-radius:0 0 0 12px;width:280px;animation:.3s slideInRight;position:fixed;top:56px;right:0;box-shadow:-4px 4px 16px #0000004d}.mobile-layout .user-dropdown .user-info-mobile{border-bottom:1px solid #ffffff1a;padding:20px}.mobile-layout .user-dropdown .user-info-mobile .avatar-large{background:var(--brand-primary);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;display:flex;box-shadow:0 4px 12px #0003}.mobile-layout .user-dropdown .user-info-mobile .avatar-large span{color:#fff;font-size:24px;font-weight:700}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-name-row .nickname{color:var(--text-primary);font-size:18px;font-weight:700}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-name-row .v2-badge{background:var(--brand-primary);color:#fff;text-transform:uppercase;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:800}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-id{color:#ffffff80;margin-bottom:8px;font-size:12px;display:block}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-meta{align-items:center;gap:8px;font-size:13px;display:flex}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-meta .agent-type{background:var(--brand-primary-a15);color:var(--brand-primary);text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-meta .separator{color:#ffffff4d}.mobile-layout .user-dropdown .user-info-mobile .user-details-mobile .user-meta .profit-type{color:#ffffffb3;font-weight:500}.mobile-layout .user-dropdown .logout-button-mobile{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.mobile-layout .user-dropdown .logout-button-mobile:active{background:#ef44441a}.mobile-layout .user-dropdown .logout-button-mobile img{filter:brightness(0)saturate()invert(42%)sepia(93%)saturate(4098%)hue-rotate(346deg)brightness(98%)contrast(91%);width:20px;height:20px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-layout .mobile-nav{background:var(--background-primary);z-index:1002;flex-direction:column;width:280px;animation:.3s slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 16px #0000004d}.mobile-layout .mobile-nav .mobile-nav-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.mobile-layout .mobile-nav .mobile-nav-header .nav-logo{width:auto;height:32px}.mobile-layout .mobile-nav .mobile-nav-header .close-menu{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:background .2s}.mobile-layout .mobile-nav .mobile-nav-header .close-menu:active{background:#ffffff1a}.mobile-layout .mobile-nav .mobile-nav-content{flex:1;padding:8px 0;overflow-y:auto}.mobile-layout .mobile-nav .mobile-nav-content .nav-section{margin-bottom:4px}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item .nav-main-item-content{align-items:center;gap:12px;display:flex}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item .nav-main-item-content img{filter:brightness(100);opacity:.75;width:20px;height:20px}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item .nav-arrow{color:#ffffff80;font-size:8px;font-weight:300;line-height:1;transition:transform .3s}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item .nav-arrow.expanded{transform:rotate(90deg)}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item:active{background:#ffffff0d}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item.active{background:var(--background-tertiary);border-left:3px solid var(--brand-primary)}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-main-item.active .nav-main-item-content img{opacity:1}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-sub-items{background:var(--background-secondary);padding:4px 0;animation:.3s slideDown}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-sub-items .nav-sub-item{cursor:pointer;color:#ffffffb3;padding:12px 20px 12px 52px;font-size:14px;font-weight:500;transition:all .2s}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-sub-items .nav-sub-item:active{background:#ffffff0d}.mobile-layout .mobile-nav .mobile-nav-content .nav-section .nav-sub-items .nav-sub-item.active{color:var(--text-primary);background:var(--background-tertiary);font-weight:600}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.mobile-layout .mobile-nav::-webkit-scrollbar{width:4px}.mobile-layout .mobile-nav::-webkit-scrollbar-track{background:0 0}.mobile-layout .mobile-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.mobile-layout .page-title-bar{background:var(--background-secondary);z-index:999;border-bottom:1px solid #ffffff1a;padding:16px;position:fixed;top:56px;left:0;right:0}.mobile-layout .page-title-bar .page-title{color:var(--text-primary);letter-spacing:.3px;margin:0 0 4px;font-size:20px;font-weight:700}.mobile-layout .page-title-bar .page-subtitle{color:#fff9;margin:0;font-size:13px;font-weight:500}.mobile-layout .mobile-contents{background:var(--background-primary);-webkit-overflow-scrolling:touch;padding:16px;position:fixed;inset:122px 0 0;overflow:hidden auto}.mobile-layout .mobile-contents::-webkit-scrollbar{width:4px}.mobile-layout .mobile-contents::-webkit-scrollbar-track{background:0 0}.mobile-layout .mobile-contents::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@media (max-width:360px){.mobile-layout .mobile-nav,.mobile-layout .user-dropdown{width:100%}.mobile-layout .user-dropdown{border-radius:0}}
