@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&family=Exo+2:wght@300;400;500;600&display=swap";:root{--bg-deep: #161616;--bg-base: #1a1a1a;--bg-panel: #1c1c1c;--bg-card: #232323;--bg-input: #262626;--bg-hover: #2a2a2a;--bg-active: #313131;--border: rgba(255,255,255,.09);--border-light: rgba(255,255,255,.16);--accent: #1ea7ff;--accent2: #5cc4ff;--accent-glow: rgba(30,167,255,.25);--text: #f1f3f5;--text-dim: #c9ced4;--text-muted: #8d949c;--green: #22c55e;--red: #e05555;--orange: #e88c3a;--font-head: "Roboto", "Segoe UI", sans-serif;--font-body: "Roboto", "Segoe UI", sans-serif;--radius: 6px;--shadow: 0 10px 30px rgba(0,0,0,.3)}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#111;color:var(--text);overflow-x:hidden}#root{min-height:100vh;position:relative;isolation:isolate}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:url(/assets/website-background-DOt1WfbN.jpeg);background-size:cover;background-position:center;filter:blur(6px) brightness(.42) saturate(.7);transform:scale(1.05)}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#00000094,#000000b8 45%,#000000d1)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .25s ease-out}.ant-btn{position:relative!important;z-index:1!important;pointer-events:auto!important;font-family:var(--font-head)!important;letter-spacing:.4px!important;border-radius:10px!important;transition:all .2s ease!important;box-shadow:0 10px 24px #0003!important}.ant-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;border-color:transparent!important;font-weight:600!important;color:#fff!important}.ant-btn-primary:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:0 12px 28px #4a90e247!important}.ant-btn-default{background:#ffffff08!important;border-color:var(--border)!important;color:var(--text-dim)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.ant-btn-default:hover{border-color:var(--accent)!important;color:var(--text)!important;background:#ffffff0f!important}.ant-btn-dangerous{background:transparent!important;border-color:var(--red)!important;color:var(--red)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{background:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:10px!important;font-family:var(--font-body)!important;position:relative!important;z-index:1!important;pointer-events:auto!important}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--border-light)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-glow)!important}.ant-input-password-icon{color:var(--text-muted)!important}.ant-input-affix-wrapper-focused .ant-input-prefix{color:var(--accent2)!important}.ant-select-dropdown{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:6px!important;box-shadow:0 8px 24px #00000080!important;padding:4px!important}.ant-select-item{color:var(--text-dim)!important;font-family:var(--font-body)!important;font-size:13px!important;border-radius:4px!important}.ant-select-item-option-active{background:var(--bg-hover)!important}.ant-select-item-option-selected{background:var(--bg-active)!important;color:var(--text)!important}.ant-select-arrow{color:var(--text-muted)!important}.ant-table{background:transparent!important;position:relative!important;z-index:1!important}.ant-table-thead>tr>th{background:var(--bg-input)!important;color:var(--text-muted)!important;border-bottom:1px solid var(--border)!important;font-family:var(--font-head)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:600!important}.ant-table-tbody>tr>td{background:var(--bg-card)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;font-family:var(--font-body)!important;font-size:13px!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-pagination-item{background:var(--bg-card)!important;border-color:var(--border)!important;border-radius:5px!important}.ant-pagination-item a{color:var(--text-dim)!important;font-family:var(--font-body)!important}.ant-pagination-item-active{border-color:var(--accent)!important}.ant-pagination-item-active a{color:var(--accent2)!important}.ant-pagination-prev button,.ant-pagination-next button{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-dim)!important;border-radius:5px!important}.ant-modal-content{background:var(--bg-panel)!important;border:1px solid var(--border-light)!important;border-radius:10px!important;box-shadow:0 32px 80px #000000b3!important}.ant-modal-header{background:var(--bg-base)!important;border-bottom:1px solid var(--border)!important;border-radius:10px 10px 0 0!important;padding:16px 20px!important}.ant-modal-title{color:var(--text)!important;font-family:var(--font-head)!important;font-size:17px!important;font-weight:700!important;letter-spacing:.5px!important}.ant-modal-close{color:var(--text-muted)!important}.ant-modal-close:hover{color:var(--text)!important}.ant-modal-footer{border-top:1px solid var(--border)!important;background:var(--bg-base)!important;border-radius:0 0 10px 10px!important;padding:12px 20px!important}.ant-modal-body{padding:18px 20px!important}.ant-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:var(--text)!important;box-shadow:none!important;overflow:hidden!important}.ant-card-head{background:#ffffff05!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important;font-family:var(--font-head)!important;letter-spacing:.5px!important;min-height:44px!important;padding:0 16px!important}.ant-card-head-title{color:var(--text)!important;font-size:14px!important;font-weight:600!important}.ant-card-body{color:var(--text)!important}.ant-card:hover{border-color:var(--border-light)!important}.ant-form-item-label>label{color:var(--text-dim)!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:500!important}.ant-form-item-control-input{position:relative!important;z-index:1!important;pointer-events:auto!important}.ant-form-item-explain-error{font-family:var(--font-body)!important;font-size:11px!important;color:var(--red)!important}.ant-form-item{margin-bottom:14px!important}.ant-tag{font-family:var(--font-body)!important;font-size:11px!important;border-radius:4px!important;padding:2px 7px!important}.ant-tooltip-inner{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;color:var(--text)!important;font-family:var(--font-body)!important;border-radius:6px!important;font-size:12px!important}.ant-message-notice-content{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;color:var(--text)!important;border-radius:6px!important;font-family:var(--font-body)!important;box-shadow:0 8px 24px #00000080!important}.ant-spin-dot-item{background:var(--accent)!important}.ant-dropdown-menu{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:6px!important;box-shadow:0 8px 24px #00000080!important;padding:4px!important}.ant-dropdown-menu-item{color:var(--text-dim)!important;font-family:var(--font-body)!important;font-size:13px!important;border-radius:4px!important;transition:all .15s!important}.ant-dropdown-menu-item:hover{background:var(--bg-hover)!important;color:var(--text)!important}.ant-dropdown-menu-item .anticon{color:var(--accent2)!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-head)!important;color:var(--text)!important;letter-spacing:.5px}.ant-typography{color:var(--text)!important;font-family:var(--font-body)!important}.ant-typography.ant-typography-secondary{color:var(--text-muted)!important}.ant-statistic-title{color:var(--text-muted)!important;font-family:var(--font-head)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:600!important}.ant-statistic-content{color:var(--text)!important;font-family:var(--font-head)!important}.ant-statistic-content-value{color:var(--text)!important}.ant-checkbox-checked .ant-checkbox-inner{background:var(--accent)!important;border-color:var(--accent)!important}.ant-checkbox-inner{background:var(--bg-input)!important;border-color:var(--border-light)!important}.ant-tabs-tab{color:var(--text-muted)!important;font-family:var(--font-body)!important}.ant-drawer-content{background:var(--bg-panel)!important;border-left:1px solid var(--border)!important}.ant-drawer-header{background:var(--bg-base)!important;border-bottom:1px solid var(--border)!important}.ant-drawer-title{color:var(--text)!important;font-family:var(--font-head)!important;font-size:16px!important;font-weight:700!important}.ant-drawer-close{color:var(--text-muted)!important}.ant-badge-count{background:var(--accent)!important;box-shadow:none!important;font-family:var(--font-body)!important;font-size:10px!important}.ant-divider{border-color:var(--border)!important}.ant-avatar{border:1px solid var(--border-light)!important}.ant-empty-description{color:var(--text-muted)!important;font-family:var(--font-body)!important}.ant-progress-bg{background:var(--accent)!important}.ant-progress-text{color:var(--text-dim)!important}.ant-switch-checked{background:var(--accent)!important}.ant-collapse{background:transparent!important;border:1px solid var(--border)!important;border-radius:6px!important}.ant-collapse-item{border-bottom:1px solid var(--border)!important}.ant-collapse-header{background:var(--bg-input)!important;color:var(--text)!important}.ant-collapse-content{background:var(--bg-card)!important;color:var(--text)!important;border-top:1px solid var(--border)!important}.text-primary{color:var(--accent2)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text)}.bg-dark{background:var(--bg-base)}.bg-darker{background:var(--bg-panel)}.bg-primary{background:var(--accent)}.bgLogin{background:url(/assets/bg2-KpnlH_gh.png) center/cover no-repeat;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bgLogin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loginContainer{position:relative;z-index:1;display:flex;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 32px 80px #000000bf;overflow:hidden;max-width:940px;width:90%;min-height:460px}.loginLeftPanel{flex:1;background:url(/assets/bg3-XtGiQO2r.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.loginLeftPanel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4a7fa566,#111214a6)}.loginRightPanel{flex:1;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-panel)}.loginForm{width:100%;max-width:370px;margin:0 auto}.loginHeader{text-align:center;margin-bottom:26px}.loginLogo{width:100px;height:auto;margin-bottom:16px}.loginHeader h1{font-family:var(--font-head)!important;color:var(--text)!important;font-size:24px!important;font-weight:700!important;letter-spacing:1px!important;margin:0 0 6px!important}.loginHeader p{color:var(--text-muted);font-size:12px;margin:0;line-height:1.5}.ant-input-affix-wrapper{background:var(--bg-input)!important;border:1px solid var(--border)!important;border-radius:6px!important;height:40px!important;color:var(--text)!important;transition:border-color .15s!important}.ant-input-affix-wrapper:hover{border-color:var(--border-light)!important}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-glow)!important}.ant-input{background:transparent!important;color:var(--text)!important}.ant-input::placeholder{color:var(--text-muted)!important}.ant-input-prefix{color:var(--accent2)!important}.ant-input-password-icon,.ant-input-password-icon:hover{color:var(--text-muted)!important}.loginButton{background:var(--accent)!important;border:none!important;border-radius:6px!important;height:40px!important;width:100%!important;font-family:var(--font-head)!important;font-size:15px!important;font-weight:700!important;letter-spacing:.6px!important;transition:background .15s!important;color:#fff!important}.loginButton:hover{background:var(--accent2)!important}.loginFooter{text-align:center;margin-top:18px}.loginFooter p{color:var(--text-muted);font-size:11px;margin:0}.loginFooter a{color:var(--accent2);text-decoration:none}.loginFooter a:hover{text-decoration:underline}.ant-tabs-tab{color:var(--text-muted)!important;font-family:var(--font-body)!important;font-size:13px!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent2)!important}.ant-tabs-ink-bar{background:var(--accent)!important}.ant-tabs-content-holder{min-height:240px}.ant-tabs-tabpane{min-height:240px;display:flex;flex-direction:column;justify-content:center}.ant-checkbox-wrapper{color:var(--text-dim)!important;font-size:12px!important}@media (max-width:768px){.loginContainer{flex-direction:column;width:94%;min-height:auto}.loginLeftPanel{min-height:160px}.loginRightPanel{padding:24px 18px}.loginHeader h1{font-size:20px!important}.ant-tabs-content-holder,.ant-tabs-tabpane{min-height:200px}}@media (max-width:480px){.loginContainer{width:97%;margin:6px}.loginRightPanel{padding:20px 14px}.loginHeader h1{font-size:18px!important}.loginButton{height:38px!important;font-size:14px!important}.loginLogo{width:80px}}.layoutOver{--sider-w: 240px;--header-h: 70px;position:relative;min-height:100vh;background:var(--bg-deep);overflow-x:hidden}.layoutOver.layoutCollapsed{--sider-w: 72px}.layoutOver.layoutMobile{--sider-w: 0px}.layoutSider{position:fixed;top:0;left:0;bottom:0;width:var(--sider-w);z-index:1001;transition:width .2s ease}.sider{display:flex;flex-direction:column;height:100%;background:var(--bg-panel);border-right:1px solid var(--border)}.siderLogo{position:relative;height:96px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;cursor:pointer;background:var(--bg-panel)}.siderLogoGlow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 150% at 0% 0%,#a8e2ff,#5cc4ff,#1e8fe0 50%,#1c1c1c00);animation:siderLogoFade 4s ease-in-out infinite alternate;pointer-events:none}.siderLogo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:linear-gradient(180deg,rgba(28,28,28,0),var(--bg-panel));pointer-events:none}@keyframes siderLogoFade{0%{opacity:1}to{opacity:.45}}.siderLogoImg{position:relative;z-index:1;height:72px;max-width:80%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));transition:height .2s}.siderCollapsed .siderLogoImg{height:34px;max-width:70%}.siderNav{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.siderNav::-webkit-scrollbar{width:6px}.siderNav::-webkit-scrollbar-track{background:transparent}.siderNav::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.siderSection{display:flex;flex-direction:column}.siderSectionHeader{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:14px 22px 8px 20px;font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent2)}.siderSectionHeader .anticon{font-size:10px;color:var(--text-muted)}.siderSectionHeader:hover .anticon{color:var(--text)}.siderSectionDivider{height:1px;margin:10px 16px;background:var(--border)}.siderItem{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 20px 0 28px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:14.5px;font-weight:500;color:var(--text);transition:background .15s,color .15s,border-color .15s}.siderItem:hover{background:var(--bg-hover)}.siderItemActive{background:#1ea7ff1a;border-left-color:var(--accent);color:#fff}.siderItemIcon{display:inline-flex;font-size:16px;color:var(--accent);flex-shrink:0}.siderItemLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siderItemBadge{margin-left:auto;margin-right:-8px;padding:3px 6px;border-radius:3px;background:var(--accent);color:#06233a;font-size:9px;font-weight:900;letter-spacing:.2px;flex-shrink:0;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 10px #1ea7ff73}.siderCollapsed .siderItem{justify-content:center;padding:0}.siderCollapsed .siderItemIcon{font-size:18px}.siderUser{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--border);cursor:pointer;flex-shrink:0;transition:background .15s}.siderUser:hover{background:var(--bg-hover)}.siderCollapsed .siderUser{justify-content:center;padding:14px 0}.siderUserAvatar{background:#fff!important;color:#111!important;flex-shrink:0}.siderUserInfo{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.siderUserName{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siderUserRank{font-size:12.5px;color:var(--text-muted)}.siderUserChevron{font-size:11px;color:var(--text-muted)}.siderToggle{position:fixed;top:calc(var(--header-h) / 2 - 15px);left:calc(var(--sider-w) - 15px);z-index:1003;width:30px;height:30px;border-radius:50%;border:none;background:var(--accent);color:#06233a;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #1ea7ff73;transition:left .2s ease,transform .15s,filter .15s}.siderToggle:hover{filter:brightness(1.1);transform:scale(1.06)}.layoutHeader{position:fixed;top:0;right:0;left:var(--sider-w);height:var(--header-h);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 0 28px;background:var(--bg-panel);border-bottom:1px solid var(--border);transition:left .2s ease}.layoutMobile .layoutHeader{padding:0 14px}.layoutHeaderLeft,.layoutHeaderRight{display:flex;align-items:center;gap:12px}.headerIconButton{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none;color:var(--text);font-size:19px;cursor:pointer;transition:background .15s,color .15s}.headerIconButton:hover{background:var(--bg-hover);color:var(--accent2)}.headerSearch{width:260px}.headerLinks{display:flex;align-items:center;gap:8px}.headerLink{--c: var(--accent);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--c);border-radius:3px;background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--c);font-family:var(--font-head);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.headerLink:hover{background:var(--c);color:#0b0b0b}.headerLinkBlue{--c: #1ea7ff}.headerLinkGreen{--c: #22c55e}.headerLinkCyan{--c: #38bdf8}.headerCoins{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--text);cursor:pointer}.headerCoinsStatic{cursor:default}.headerCoinRyder{width:24px!important;height:24px!important;border-radius:50%;background:#2a2a2a;filter:none!important}.headerCoin{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(30,167,255,.45))}.headerAvatar{width:48px;height:48px;border-radius:50%;background:#fff;color:#111;font-size:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0;transition:box-shadow .15s}.headerAvatar:hover{box-shadow:0 0 0 3px var(--accent-glow)}.headerAvatar img{width:100%;height:100%;object-fit:cover}.layoutContent{position:relative;margin-left:var(--sider-w);padding:calc(var(--header-h) + 20px) 28px 32px 32px;min-height:100vh;transition:margin-left .2s ease}.layoutMobile .layoutContent{padding:calc(var(--header-h) + 14px) 12px 24px}.layoutBreadcrumb{display:flex;align-items:center;gap:12px;height:50px;padding:0 16px;margin-bottom:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;font-family:var(--font-body);font-size:16px;color:var(--text-dim)}.layoutBreadcrumbHome{font-size:17px;color:var(--accent);cursor:pointer}.layoutBreadcrumbSep{font-size:11px;color:var(--text-muted)}.site-layout-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:20px;min-height:calc(100vh - var(--header-h) - 120px)}.site-layout-bare{min-height:calc(100vh - var(--header-h) - 120px)}.floatingSupport{position:fixed;right:28px;bottom:28px;z-index:999;width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);background:#121212eb;color:var(--accent2);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 6px #1ea7ff1f,0 10px 30px #00000080;transition:transform .15s,background .15s}.floatingSupport:hover{transform:translateY(-2px);background:var(--accent);color:#06233a}.ant-drawer-content{background:var(--bg-panel)!important}.ant-drawer-body{padding:0!important}.ant-dropdown{z-index:1100!important}@media (max-width: 1100px){.headerLinks{display:none}}@media (max-width: 768px){.layoutOver{--header-h: 60px}.headerAvatar{width:38px;height:38px;font-size:18px}.headerSearch{width:170px}.site-layout-content{padding:12px}.floatingSupport{right:16px;bottom:16px;width:48px;height:48px;font-size:20px}}.homepage-container{display:flex;flex-direction:column;gap:16px}.homeGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.homeGridMain,.homeGridSide{min-width:0}.homeCard{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;height:100%;animation:fadeIn .3s ease-out}.homeCard h2,.homeCard h3,.homeCard h4{margin:0}.progressCard{display:flex;align-items:center;gap:24px;padding:22px 18px}.progressCardTitle{display:flex;align-items:center;gap:14px;padding-right:24px;border-right:1px solid var(--border-light);flex-shrink:0}.progressCardIcon{font-size:40px;color:var(--accent)}.progressCardTitle h3{font-size:24px!important;font-weight:900;letter-spacing:0!important}.progressCardBody{flex:1;min-width:0}.progressCardTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.progressCardRemaining{font-size:13px;color:var(--text-muted)}.progressCardValue{font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.progressCardInfo{font-size:13px;color:var(--text-muted)}.progressCardBar{position:relative;height:10px;border-radius:5px;background:#1ea7ff47}.progressCardFill{position:relative;height:100%;border-radius:5px;background:var(--accent);transition:width .6s ease}.progressCardFill:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;border-radius:50%;transform:translateY(-50%);background:var(--accent2);box-shadow:0 0 0 3px #1ea7ff40}.progressCardLevel{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 16px;border-radius:6px;background:#1ea7ff1a;border:1px solid rgba(30,167,255,.3)}.progressCardLevelIcon{font-size:26px;color:var(--accent2)}.progressCardLevelText{display:flex;flex-direction:column;line-height:1.1}.progressCardLevelText span{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)}.progressCardLevelText strong{font-size:24px;font-weight:900}.homeBanner{display:flex;align-items:center;gap:14px;width:100%;padding:14px 24px;background:#1ea7ff1a;border:1px solid var(--accent);border-radius:3px;color:var(--accent2);font-family:var(--font-body);font-size:16px;font-weight:700;text-align:left;cursor:pointer;transition:background .15s}.homeBanner:hover{background:#1ea7ff2e}.homeBannerTag{font-size:20px;color:var(--accent)}.homeBannerText{flex:1}.homeBannerArrow{font-size:20px;color:var(--accent)}.homeBannerCoin{width:24px;height:24px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(30,167,255,.45))}.welcomeCard{padding:22px 16px 24px}.welcomeTop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.welcomeHello{display:flex;align-items:center;gap:16px}.welcomeWave{font-size:40px;line-height:1}.welcomeTitle{font-size:27px!important;font-weight:900;letter-spacing:0!important}.welcomeRank{font-size:16px;font-weight:700;color:var(--accent)}.welcomeSocials{display:flex;gap:8px}.socialButton{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;border:1px solid var(--border);transition:transform .15s,filter .15s}.socialButton:hover{transform:translateY(-2px);filter:brightness(1.1);color:#fff}.socialWeb{background:var(--bg-card)}.socialDiscord{background:#5865f2;border-color:#5865f2}.socialYoutube{background:red;border-color:red}.welcomeMetricsTitle{font-size:15px!important;font-weight:700;letter-spacing:0!important;margin:36px 0 18px!important}.welcomeMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metricItem{display:flex;align-items:center;gap:14px}.metricIcon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1ea7ff24;border:1px solid rgba(30,167,255,.3);color:var(--accent);font-size:17px;flex-shrink:0}.metricData{display:flex;flex-direction:column;line-height:1.15}.metricValue{font-size:22px;font-weight:700;color:var(--accent2)}.metricLabel{font-size:13px;font-weight:700;color:var(--accent)}.storeCard{position:relative;display:flex;min-height:200px;overflow:hidden;background-size:cover;background-position:center;border-radius:0}.storeCardOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0a0af2,#0a0a0abf 55%,#0a1e3259)}.storeCardContent{position:relative;flex:1;display:flex;flex-direction:column;padding:24px 20px 20px}.storeCardKicker{font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent2)}.storeCardTitle{font-size:36px!important;font-weight:900;letter-spacing:0!important;margin-top:4px!important}.storeCardButton{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;height:34px;width:100%;border:1px solid var(--accent);background:#1ea7ff24;color:#fff;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.storeCardButton:hover{background:#1ea7ff4d}.cardHeading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.cardHeadingIcon{width:56px;height:56px;border-radius:6px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent);flex-shrink:0}.cardKicker{display:block;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.cardTitle{font-size:23px!important;font-weight:900;letter-spacing:0!important}.cardCount{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:var(--bg-hover);color:var(--text-dim)}.listCard{display:flex;flex-direction:column;padding:20px}.charactersList{display:flex;flex-direction:column;flex:1}.charactersEmpty{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 0;color:var(--text-muted)}.characterRow{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.characterRow:last-child{border-bottom:none}.characterBadge{width:64px;height:64px;border-radius:4px;border:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1.2}.characterBadge strong{font-size:22px;font-weight:900}.characterBadge span{font-size:11px;font-weight:700;color:var(--accent)}.characterThumb{width:112px;height:64px;border-radius:4px;background:linear-gradient(135deg,#1b3550,#10161d);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff6;flex-shrink:0}.characterInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.characterNameLine{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.characterName{font-size:15px;font-weight:900;text-transform:uppercase}.characterStatus{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:10px;background:#0e0e0e;color:var(--text-dim)}.characterOnline{background:#22c55e26;color:var(--green)}.characterJob{font-size:13px;color:var(--text-muted)}.cardFooterButton{margin-top:14px;align-self:flex-end;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border:1px solid var(--accent);background:#1ea7ff1a;color:#fff;font-family:var(--font-body);font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s}.cardFooterButton:hover{background:#1ea7ff40}.rightStack{display:flex;flex-direction:column;gap:16px;height:100%}.widgetCard{padding:20px;height:auto}.discordBox{border-radius:6px;overflow:hidden;background:#1e1f22;border:1px solid rgba(88,101,242,.35)}.discordBoxHeader{display:flex;align-items:center;gap:10px;padding:16px 18px;background:linear-gradient(135deg,#5865f2,#3b47c4);color:#fff}.discordBoxLogo{font-size:26px}.discordBoxBrand{font-size:19px;font-weight:900;letter-spacing:.3px}.discordBoxBody{display:flex;align-items:center;gap:14px;padding:18px}.discordBoxIcon{width:56px;height:56px;padding:6px;border-radius:14px;background:#0d0d0d;object-fit:contain;flex-shrink:0}.discordBoxInfo{display:flex;flex-direction:column;gap:4px;min-width:0}.discordBoxInfo strong{font-size:17px;font-weight:900;color:#fff}.discordBoxInfo span{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#b5bac1}.discordDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#80848e;margin-left:6px}.discordDot:first-child{margin-left:0}.discordDotOnline{background:#23a55a}.discordBoxJoin,.youtubeBox,.youtubeBox *{text-decoration:none!important}.discordBoxJoin{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 18px 18px;height:40px;border-radius:4px;background:#5865f2;color:#fff;font-size:14px;font-weight:700;transition:background .15s}.discordBoxJoin:hover{background:#4752c4;color:#fff}.youtubeBox{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:6px;background:#1e1e1e;border:1px solid rgba(255,0,0,.3);color:var(--text);transition:border-color .15s,background .15s}.youtubeBox:hover{border-color:red;background:#241818;color:var(--text)}.youtubeBoxLogo{font-size:40px;color:red}.youtubeBoxInfo{display:flex;flex-direction:column;flex:1;min-width:0}.youtubeBoxInfo strong{font-size:16px;font-weight:900}.youtubeBoxInfo span{font-size:13px;color:var(--text-muted)}.youtubeBoxButton{padding:7px 14px;border-radius:4px;background:red;color:#fff;font-size:13px;font-weight:700;white-space:nowrap}@media (max-width: 1200px){.homeGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 992px){.progressCard{flex-wrap:wrap}.progressCardTitle{border-right:none;padding-right:0}.progressCardBody{flex-basis:100%;order:3}.progressCardLevel{margin-left:auto}.welcomeMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 576px){.progressCardTitle h3{font-size:19px!important}.homeBanner{font-size:14px;padding:12px 14px}.homeBannerCoin{display:none}.welcomeTitle{font-size:22px!important}.characterThumb{display:none}.storeCardTitle{font-size:28px!important}}.support-page{display:flex;flex-direction:column;gap:16px;animation:fadeIn .25s ease-out}.support-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;border-bottom:1px solid var(--border)}.support-header-left{display:flex;align-items:center;gap:14px}.support-header-icon{width:44px;height:44px;border-radius:8px;background:#4a7fa51f;border:1px solid rgba(74,127,165,.25);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent2);flex-shrink:0}.support-header-text h2{font-family:var(--font-head)!important;font-size:20px!important;font-weight:700!important;letter-spacing:.8px!important;color:var(--text)!important;margin:0 0 3px!important}.support-header-text p{font-size:12px;color:var(--text-muted);margin:0}.support-header-actions{display:flex;align-items:center;gap:8px}.btn-new-ticket{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;border-radius:6px!important;font-family:var(--font-head)!important;font-weight:600!important;font-size:13px!important;letter-spacing:.4px!important;height:34px!important;padding:0 16px!important;transition:background .15s!important}.btn-new-ticket:hover{background:var(--accent2)!important;border-color:var(--accent2)!important}.support-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.support-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:border-color .15s}.support-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--stat-color, var(--accent));border-radius:8px 0 0 8px}.support-stat-card:hover{border-color:var(--border-light)}.support-stat-icon{width:36px;height:36px;border-radius:6px;background:color-mix(in srgb,var(--stat-color, var(--accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--stat-color, var(--accent)) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--stat-color, var(--accent2));flex-shrink:0}.support-stat-info{flex:1}.support-stat-value{font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--text);line-height:1}.support-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:3px}.support-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.support-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-base);gap:12px;flex-wrap:wrap}.support-tabs{display:flex;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:3px;flex-shrink:0}.support-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.support-tab:hover{background:var(--bg-hover);color:var(--text)}.support-tab.active{background:var(--accent);color:#fff;font-weight:600}.support-tab-count{background:#ffffff2e;color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 6px;min-width:18px;text-align:center}.support-tab:not(.active) .support-tab-count{background:var(--bg-input);color:var(--text-muted)}.support-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-search{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;height:30px;overflow:hidden;transition:border-color .15s;width:220px}.support-search:focus-within{border-color:var(--accent)}.support-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:12px;padding:0 10px}.support-search input::placeholder{color:var(--text-muted)}.support-search-btn{background:none;border:none;color:var(--text-muted);padding:0 10px;cursor:pointer;height:100%;display:flex;align-items:center;transition:color .15s;font-size:13px}.support-search-btn:hover{color:var(--text)}.support-ctrl-btn{height:30px!important;padding:0 10px!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;color:var(--text-muted)!important;border-radius:6px!important;font-family:var(--font-body)!important;font-size:12px!important;display:flex!important;align-items:center!important;gap:5px!important;cursor:pointer;transition:all .15s!important}.support-ctrl-btn:hover{border-color:var(--border-light)!important;color:var(--text)!important}.support-ctrl-btn.active{border-color:var(--accent)!important;color:var(--accent2)!important}.support-sort .ant-select-selector{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:6px!important;color:var(--text-dim)!important;height:30px!important;font-family:var(--font-body)!important;font-size:12px!important}.support-sort .ant-select-selector:hover{border-color:var(--border-light)!important}.support-table-wrap{flex:1;overflow:auto}.support-table .ant-table{background:transparent!important}.support-table .ant-table-thead>tr>th{background:var(--bg-input)!important;color:var(--text-muted)!important;border-bottom:1px solid var(--border)!important;font-family:var(--font-head)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:600!important;padding:10px 14px!important}.support-table .ant-table-tbody>tr>td{background:var(--bg-panel)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;font-family:var(--font-body)!important;font-size:13px!important;padding:10px 14px!important}.support-table .ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.support-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ticket-code-cell{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--accent2);letter-spacing:.3px}.ticket-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-family:var(--font-body);font-size:11px;font-weight:600}.ticket-status-badge.open{background:#5b9ec91f;color:var(--accent2);border:1px solid rgba(91,158,201,.25)}.ticket-status-badge.assigned{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.ticket-status-badge.closed{background:#6b72801a;color:var(--text-muted);border:1px solid rgba(107,114,128,.2)}.ticket-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:5px;font-family:var(--font-body);font-size:11px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim)}.ticket-row-actions{display:flex;gap:5px}.ticket-row-btn{height:26px!important;padding:0 8px!important;border-radius:5px!important;font-size:11px!important;font-family:var(--font-body)!important}.support-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:16px}.support-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .12s;position:relative;display:flex;flex-direction:column}.support-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:8px 0 0 8px}.support-card.open:before{background:var(--accent2)}.support-card.assigned:before{background:#fbbf24}.support-card.closed:before{background:var(--text-muted)}.support-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.support-card-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 9px 16px;border-bottom:1px solid var(--border)}.support-card-body{padding:11px 14px 13px 16px;flex:1}.support-card-title{font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--text);letter-spacing:.3px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.support-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.support-card-footer{padding:8px 14px 10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.support-card-user{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.support-card-date{font-size:11px;color:var(--text-muted)}.support-empty{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.support-empty-icon{width:52px;height:52px;border-radius:10px;background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-muted);margin-bottom:4px}.support-empty p{font-family:var(--font-head);font-size:14px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;margin:0}.support-empty span{font-size:12px;color:var(--text-muted);opacity:.7}.support-modal .ant-modal-content{background:var(--bg-panel)!important;border:1px solid var(--border-light)!important;border-radius:10px!important;box-shadow:0 32px 80px #000000b3!important}.support-modal .ant-modal-header{background:var(--bg-base)!important;border-bottom:1px solid var(--border)!important;border-radius:10px 10px 0 0!important;padding:14px 20px!important}.support-modal .ant-modal-body{padding:20px!important}.support-modal .ant-modal-footer{background:var(--bg-base)!important;border-top:1px solid var(--border)!important;border-radius:0 0 10px 10px!important;padding:12px 20px!important}.support-modal .ant-modal-close{color:var(--text-muted)!important}.support-modal .ant-modal-close:hover{color:var(--text)!important}.modal-head{display:flex;align-items:center;gap:10px}.modal-head-icon{width:30px;height:30px;border-radius:6px;background:#4a7fa526;border:1px solid rgba(74,127,165,.25);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent2)}.modal-head-title{font-family:var(--font-head)!important;font-size:16px!important;font-weight:700!important;letter-spacing:.5px!important;color:var(--text)!important}.create-ticket-form .ant-form-item-label>label{color:var(--text-dim)!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:500!important}.create-ticket-form .ant-input,.create-ticket-form .ant-input-affix-wrapper,.create-ticket-form .ant-select-selector,.create-ticket-form textarea{background:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text)!important;font-family:var(--font-body)!important;font-size:13px!important;border-radius:6px!important}.create-ticket-form .ant-input:focus,.create-ticket-form .ant-input-affix-wrapper:focus,.create-ticket-form .ant-select-focused .ant-select-selector,.create-ticket-form textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-glow)!important}.create-ticket-form .ant-input::placeholder,.create-ticket-form textarea::placeholder{color:var(--text-muted)!important}.template-strip{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:4px}.template-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:5px;font-family:var(--font-body);font-size:11px;color:var(--text-dim);cursor:pointer;transition:all .15s}.template-chip:hover{border-color:var(--accent);color:var(--accent2)}.modal-footer-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.ticket-detail-grid{display:grid;grid-template-columns:1fr 220px;gap:16px;margin-bottom:16px}.ticket-detail-main{display:flex;flex-direction:column;gap:12px}.ticket-detail-title{font-family:var(--font-head)!important;font-size:18px!important;font-weight:700!important;letter-spacing:.5px!important;color:var(--text)!important;margin:0!important;line-height:1.3!important}.ticket-detail-tags{display:flex;gap:7px;flex-wrap:wrap}.ticket-detail-section{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;overflow:hidden}.ticket-detail-section-head{padding:8px 13px;background:var(--bg-card);border-bottom:1px solid var(--border);font-family:var(--font-head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.ticket-detail-section-body{padding:11px 13px;font-family:var(--font-body);font-size:13px;color:var(--text-dim);line-height:1.6;white-space:pre-wrap}.ticket-detail-meta{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;height:fit-content}.ticket-meta-row{display:flex;flex-direction:column;gap:2px;padding:9px 13px;border-bottom:1px solid var(--border)}.ticket-meta-row:last-child{border-bottom:none}.ticket-meta-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-family:var(--font-head)}.ticket-meta-value{font-size:12px;font-weight:500;color:var(--text);font-family:var(--font-body)}.ticket-messages-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;overflow:hidden}.ticket-messages-head{padding:8px 13px;background:var(--bg-card);border-bottom:1px solid var(--border);font-family:var(--font-head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.ticket-messages-list{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ticket-messages-list::-webkit-scrollbar{width:4px}.ticket-messages-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ticket-message{display:flex;gap:10px;padding:10px 13px;border-bottom:1px solid var(--border);transition:background .15s}.ticket-message:last-child{border-bottom:none}.ticket-message:hover{background:#ffffff05}.ticket-message.staff-msg{background:#4a7fa50a}.msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;font-weight:700;font-family:var(--font-head)}.msg-avatar.user{background:#5b9ec926;color:var(--accent2);border:1px solid rgba(91,158,201,.25)}.msg-avatar.staff{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.msg-body{flex:1;min-width:0}.msg-header{display:flex;align-items:center;gap:7px;margin-bottom:4px}.msg-name{font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--text);letter-spacing:.2px}.msg-role{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.msg-role.user{background:#5b9ec91f;color:var(--accent2)}.msg-role.staff{background:#4ade801a;color:#4ade80}.msg-time{font-size:10px;color:var(--text-muted);margin-left:auto}.msg-text{font-family:var(--font-body);font-size:12px;color:var(--text-dim);line-height:1.55;white-space:pre-wrap}.ticket-reply-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;overflow:hidden}.ticket-reply-head{padding:8px 13px;background:var(--bg-card);border-bottom:1px solid var(--border);font-family:var(--font-head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.ticket-reply-body{padding:12px 13px;display:flex;flex-direction:column;gap:10px}.ticket-reply-textarea{width:100%;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:6px!important;color:var(--text)!important;font-family:var(--font-body)!important;font-size:13px!important;resize:vertical}.ticket-reply-textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-glow)!important;outline:none}.ticket-reply-actions{display:flex;justify-content:space-between;align-items:center}.ticket-closed-banner{background:#6b728014;border:1px solid rgba(107,114,128,.2);border-radius:6px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:12px;color:var(--text-muted)}.ticket-closed-banner .anticon{color:var(--text-muted);font-size:14px}.filter-drawer .ant-drawer-content{background:var(--bg-panel)!important}.filter-drawer .ant-drawer-header{background:var(--bg-base)!important;border-bottom:1px solid var(--border)!important}.filter-drawer .ant-drawer-title{color:var(--text)!important;font-family:var(--font-head)!important;font-size:15px!important;font-weight:700!important}.filter-drawer .ant-drawer-body{padding:16px!important}.filter-drawer .ant-form-item-label>label{color:var(--text-dim)!important;font-family:var(--font-body)!important;font-size:12px!important}.filter-drawer .ant-select-selector{background:var(--bg-input)!important;border-color:var(--border)!important}.filter-drawer .ant-input{background:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text)!important}.filter-drawer-actions{display:flex;gap:8px;margin-top:16px}.ant-pagination{padding:12px 16px!important;display:flex!important;justify-content:flex-end!important;background:var(--bg-base)!important;border-top:1px solid var(--border)!important;margin:0!important}@media (max-width: 900px){.support-stats{grid-template-columns:repeat(2,1fr)}.ticket-detail-grid{grid-template-columns:1fr}.ticket-detail-meta{display:grid;grid-template-columns:repeat(2,1fr)}.ticket-meta-row{border-right:1px solid var(--border)}.ticket-meta-row:nth-child(2n){border-right:none}}@media (max-width: 600px){.support-stats{grid-template-columns:repeat(2,1fr)}.support-header,.support-toolbar{flex-direction:column;align-items:flex-start}.support-toolbar-right,.support-search{width:100%}.support-cards{grid-template-columns:1fr}.ticket-detail-meta{display:flex;flex-direction:column}.ticket-meta-row{border-right:none}}:root{--bg-primary: #0f1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--text-primary: #e6edf3;--text-secondary: #8b949e;--border-color: #30363d;--accent-color: #58a6ff;--success-color: #3fb950;--warning-color: #d29922;--danger-color: #f85149;--sidebar-width: 280px;--color-me: #c2a3da;--color-white: #ffffff;--color-grey: #939799;--color-yellow: #fbf724;--color-green: #56d64b;--color-orange: #eda841;--color-blue: #3896f3;--color-toyou: #ff00bc}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary)}.app-container{display:flex;height:100vh;width:100%;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.sidebar-logo{margin:0;font-size:18px;font-weight:600;color:var(--accent-color);letter-spacing:.5px}.sidebar-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.sidebar-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px}.section-title{margin:0 0 4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.sidebar-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 10px;border-radius:4px;font-size:13px;transition:border-color .2s}.sidebar-input:focus{outline:none;border-color:var(--accent-color)}.sidebar-input::placeholder{color:var(--text-secondary)}.sidebar-button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.sidebar-button:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.sidebar-button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.sidebar-button.text-only{display:flex;align-items:center;gap:6px;justify-content:center}.sidebar-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 10px;border-radius:4px;font-size:13px;cursor:pointer}.sidebar-select:focus{outline:none;border-color:var(--accent-color)}.sidebar-select option{background:var(--bg-secondary);color:var(--text-primary)}.setting-item{display:flex;flex-direction:column;gap:4px}.setting-item label{font-size:12px;color:var(--text-secondary);font-weight:500}.input-with-value{display:flex;gap:8px;align-items:center}.range-slider{flex:1;height:4px;border-radius:2px;background:var(--border-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:background .2s}.range-slider::-webkit-slider-thumb:hover{background:#79c0ff}.range-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;transition:background .2s}.range-slider::-moz-range-thumb:hover{background:#79c0ff}.value-display{font-size:12px;color:var(--text-secondary);min-width:35px;text-align:right;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary);padding:4px;border-radius:4px;transition:background .2s}.checkbox-label:hover{background:#58a6ff1a}.checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent-color)}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color);margin-top:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-main{flex:1;display:flex;gap:12px;padding:12px;overflow:hidden;background:var(--bg-primary)}.editor-section,.output-section{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.section-header h2{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.download-btn-mini{display:flex;gap:4px}.quick-button{background:var(--success-color);border:1px solid var(--success-color);color:#fff;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.quick-button:hover{background:#3d8644;border-color:#3d8644;box-shadow:0 0 8px #3fb9504d}.textarea-input{flex:1;background:var(--bg-primary);border:none;color:var(--text-primary);padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.8;resize:none;outline:none;overflow:auto}.textarea-input::placeholder{color:var(--text-secondary)}.output{flex:1;background:var(--bg-primary);padding:16px;overflow-y:auto;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.8;color:var(--color-white);white-space:pre-wrap;word-wrap:break-word;word-break:break-word}.output.background-active{background:#1a1e25}.output .generated{display:block;margin-bottom:2px;padding:.1em .2em}.output .clear{clear:both}.output .me,.output .ame{color:var(--color-me)}.output .radio-line{color:#ffec8b}.output .radio-line-dim{color:#a19558;opacity:.6}.output .phone-line{color:#c74f00}.output .character{color:var(--color-green);font-weight:700}.output .toyou{color:var(--color-toyou);font-weight:700}.output .dim{color:var(--color-grey);opacity:.7}.output .censored-content{background:#ff00004d;color:transparent;-webkit-user-select:none;user-select:none;letter-spacing:2px}.output .censored-content.pixelated{filter:blur(4px)}.output .censored-content.hidden{background:#2a2a2a;color:transparent}.output .colorable{cursor:pointer;transition:background-color .15s ease,border-color .15s ease;padding:2px 4px;margin:-2px -4px;border-radius:3px;-webkit-user-select:none;user-select:none}.output .colorable:hover{background:#58a6ff26}.output .colorable.selected-for-coloring{background:#ffd70080;border-bottom:2px solid var(--color-yellow);border-radius:3px;box-shadow:0 0 4px #fbf7244d}.output.coloring-mode .colorable{cursor:cell}.output.coloring-mode .colorable:hover{background:#ffd70040;border-bottom:1px solid var(--color-yellow)}.output::-webkit-scrollbar,.textarea-input::-webkit-scrollbar{width:6px}.output::-webkit-scrollbar-track,.textarea-input::-webkit-scrollbar-track{background:transparent}.output::-webkit-scrollbar-thumb,.textarea-input::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.output::-webkit-scrollbar-thumb:hover,.textarea-input::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.color-palette-container{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:12px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.color-palette-header{margin-bottom:10px}.color-palette-header h4{margin:0;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.color-palette-items{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.color-item{position:relative;width:32px;height:32px;border:2px solid rgba(88,166,255,.3);border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;flex-shrink:0}.color-item:hover{border-color:#58a6ffcc;transform:scale(1.05);box-shadow:0 2px 8px #0006}.color-item:active{transform:scale(.95)}.color-label{display:none;position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 6px;border-radius:2px;font-size:10px;white-space:nowrap;pointer-events:none;z-index:10;border:1px solid var(--border-color)}.color-item:hover .color-label{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.output .white{color:#fff}.output .darkgrey{color:#5a5a5b}.output .grey{color:#939799}.output .lightgrey{color:#c6c4c4}.output .yellow{color:var(--color-yellow)}.output .green{color:var(--color-green)}.output .orange{color:var(--color-orange)}.output .blue{color:var(--color-blue)}.output .me{color:var(--color-me)}.output .red{color:#f44}.output .purple{color:#9945ff}.output .cyan{color:#00d4ff}.output .magenta{color:#f0f}.output .lime{color:#0f0}.output .gold{color:gold}.output .silver{color:silver}.output .bronze{color:#cd7f32}.format-guide-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.format-guide-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #000c}.format-guide-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);position:sticky;top:0}.format-guide-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.format-guide-close{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.format-guide-close:hover{background:var(--border-color)}.format-guide-body{padding:16px}.format-item{margin-bottom:12px}.format-item:last-child{margin-bottom:0}.format-item-title{font-size:13px;font-weight:600;color:var(--accent-color);margin-bottom:4px}.format-item-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 1200px){.sidebar{width:240px}.color-item{width:28px;height:28px}}@media (max-width: 900px){.app-main{flex-direction:column}.editor-section,.output-section{min-height:300px}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-content{flex-direction:row;flex-wrap:wrap}.sidebar-section{flex:1;min-width:150px}.app-main{flex-direction:column;padding:8px;gap:8px}.editor-section,.output-section{min-height:300px}.textarea-input,.output{font-size:12px;padding:12px}.color-item{width:24px;height:24px;font-size:10px}.format-guide-content{max-width:90vw}}@media (max-width: 480px){.sidebar-section{flex:0 0 100%}.section-header h2{font-size:12px}.textarea-input,.output{font-size:11px;padding:8px}.sidebar-button,.sidebar-input,.sidebar-select{font-size:11px;padding:6px 8px}}
