:root{--color-primary-start:#7c6cf1;--color-primary-end:#5b7cff;--color-primary-light:#9aa8ff;--color-primary-dark:#4a3fd1;--sidebar-start:#7c6cf1;--sidebar-end:#5b7cff;--header-bg:#2d1f4f;--header-text:#fff;--bg-layer-bottom:#f5f6fa;--bg-layer-panel:#fff;--bg-layer-float:#fff;--bg-layer-input:#f8f9fc;--color-divider:#eef0f5;--color-border-default:#e4e7ef;--color-border-focus:#7c6cf1;--text-primary:#1a1d2e;--text-secondary:#6b7280;--text-weak:#9ca3af;--color-success:#1dd1a1;--color-warning:#ff9f43;--color-danger:#ee5253;--color-info:#54a0ff;--color-gold:#feca57;--color-exp:#1dd1a1;--btn-primary-bg:#54a0ff;--btn-primary-hover:#2e86de;--btn-view-bg:#1dd1a1;--btn-view-hover:#10ac84;--btn-delete-bg:#ff9f43;--btn-delete-hover:#ee5253;--btn-edit-bg:#5f27cd;--btn-edit-hover:#4a1fa3;--badge-done:#1dd1a1;--badge-progress:#ff9f43;--badge-pending:#5f27cd;--tag-default-bg:#f8f9fc;--tag-default-border:#e4e7ef;--tag-default-text:#6b7280;--tag-active-bg:#7c6cf11f;--tag-active-border:var(--color-primary-start);--tag-active-text:var(--color-primary-start);--radius-sm:8px;--radius-md:12px;--radius-lg:16px}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-layer-bottom);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-layer-bottom)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-start)}.ant-card{background:var(--bg-layer-panel)!important;border-radius:var(--radius-md)!important;border:none!important;box-shadow:0 2px 12px #2d1f4f0f!important}.ant-table-middle>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td,.ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td{padding:12px 16px}.ant-table-tbody>tr>td{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.ant-table-tbody>tr>td:hover{white-space:normal;word-break:break-all;overflow:visible}.ant-table-thead>tr>th{font-weight:500;color:var(--text-secondary)!important;border-bottom:1px solid var(--color-divider)!important;background:#f8f9fc!important}.ant-table-tbody>tr>td{color:var(--text-primary)!important;border-bottom:1px solid var(--color-divider)!important;background:#fff!important}.ant-table-tbody>tr:hover>td{background:#f8f9fc!important}.ant-btn,.ant-tag,.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-card,.ant-modal-content,.ant-pagination-item,.ant-tabs-tab,.ant-btn-sm,.ant-tag-checkable{border-radius:var(--radius-md)!important}.ant-btn-sm,.ant-tag,.ant-tabs-tab,.ant-pagination-mini .ant-pagination-item{border-radius:var(--radius-sm)!important}.ant-btn .anticon+span,.ant-btn>span+.anticon{margin-inline-start:6px}.ant-btn-primary{box-shadow:0 4px 12px #54a0ff4d;background:var(--btn-primary-bg)!important;border-color:var(--btn-primary-bg)!important}.ant-btn-primary:hover{box-shadow:0 6px 16px #54a0ff66;background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important}.ant-btn-primary:active{transform:translateY(1px);box-shadow:0 2px 6px #54a0ff4d}.ant-btn-view{box-shadow:0 4px 12px #1dd1a14d;background:var(--btn-view-bg)!important;border-color:var(--btn-view-bg)!important;color:#fff!important}.ant-btn-view:hover{background:var(--btn-view-hover)!important;border-color:var(--btn-view-hover)!important}.ant-btn-delete{box-shadow:0 4px 12px #ff9f434d;background:var(--btn-delete-bg)!important;border-color:var(--btn-delete-bg)!important;color:#fff!important}.ant-btn-delete:hover{background:var(--btn-delete-hover)!important;border-color:var(--btn-delete-hover)!important}.ant-btn-edit{box-shadow:0 4px 12px #5f27cd4d;background:var(--btn-edit-bg)!important;border-color:var(--btn-edit-bg)!important;color:#fff!important}.ant-btn-edit:hover{background:var(--btn-edit-hover)!important;border-color:var(--btn-edit-hover)!important}.ant-tag{background:var(--tag-default-bg);border-color:var(--tag-default-border);color:var(--tag-default-text)}.ant-tag-checkable-checked{background:var(--tag-active-bg)!important;border-color:var(--tag-active-border)!important;color:var(--tag-active-text)!important}.ant-pagination{align-items:center;display:flex}.ant-pagination-total-text,.ant-pagination-options,.ant-pagination-jump-prev,.ant-pagination-jump-next{display:none!important}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{border:1px solid var(--color-border-default)!important;background:#fff!important}.ant-pagination-item-active{border-color:var(--color-primary-start)!important;background:var(--color-primary-start)!important}.ant-pagination-item-active a{color:#fff!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{background:var(--bg-layer-input)!important;border-color:var(--color-border-default)!important;color:var(--text-primary)!important}.ant-input::placeholder,.ant-input-affix-wrapper::placeholder{color:var(--text-weak)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:var(--color-border-focus)!important;box-shadow:0 0 0 2px #7c6cf129!important}.ant-layout-sider{z-index:10;background:linear-gradient(180deg, var(--sidebar-start) 0%, var(--sidebar-end) 100%)!important;box-shadow:4px 0 24px #7c6cf13d!important}.ant-layout-sider .ant-menu-dark,.ant-layout-sider .ant-menu{background:0 0!important}.ant-layout-sider .ant-menu-dark .ant-menu-item-selected,.ant-layout-sider .ant-menu .ant-menu-item-selected{color:#fff!important;background:#fff3!important}.ant-layout-sider .ant-menu-dark .ant-menu-item,.ant-layout-sider .ant-menu .ant-menu-item,.ant-layout-sider .ant-menu-dark .ant-menu-submenu-title,.ant-layout-sider .ant-menu .ant-menu-submenu-title{color:#ffffffd9!important}.ant-layout-sider .ant-menu-dark .ant-menu-item:hover,.ant-layout-sider .ant-menu .ant-menu-item:hover,.ant-layout-sider .ant-menu-dark .ant-menu-submenu-title:hover,.ant-layout-sider .ant-menu .ant-menu-submenu-title:hover{color:#fff!important;background:#ffffff1a!important}.ant-layout-sider .ant-menu-submenu-arrow{color:#ffffffb3!important}.layout-header{background:var(--header-bg)!important;color:var(--header-text)!important}.layout-header .ant-btn-text{color:#ffffffd9!important}.layout-header .ant-btn-text:hover{color:#fff!important;background:#ffffff1a!important}@media screen and (width<=768px){:root{--radius-sm:6px;--radius-md:8px;--radius-lg:12px}.ant-layout-sider{display:none!important}.ant-layout,.ant-layout>.ant-layout{margin-left:0!important}.ant-layout-content{margin:8px!important;padding:0!important}.layout-header{padding:0 8px!important}.layout-header .ant-space{gap:8px!important}.ant-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ant-table{min-width:100%}.ant-table-tbody>tr>td{word-break:break-all;max-width:180px;font-size:13px;white-space:normal!important;padding:8px!important}.ant-table-thead>tr>th{white-space:nowrap;font-size:12px;padding:8px!important}.ant-card{border-radius:var(--radius-md)!important;margin-bottom:8px!important}.ant-card-body{padding:12px!important}.ant-card-head{min-height:40px!important;padding:0 12px!important}.ant-card-head-title{font-size:14px!important}.ant-btn{min-height:36px}.ant-btn-lg{min-height:44px}.ant-btn-sm{min-height:32px;font-size:13px!important}.ant-space{gap:6px!important}.ant-spaceCompact{gap:0!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{min-height:38px!important;font-size:14px!important}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto!important}.ant-modal-body{-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto}.ant-drawer-content-wrapper{max-width:100vw!important}.ant-pagination{flex-wrap:wrap;justify-content:center;gap:4px}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:32px!important;height:32px!important;line-height:32px!important}.ant-tabs-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.ant-tabs-nav::-webkit-scrollbar{display:none}.ant-form-item{margin-bottom:12px!important}.ant-form-item-label>label{font-size:13px!important}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{padding-left:0!important;padding-right:0!important}.ant-descriptions-item-label,.ant-descriptions-item-content{font-size:13px!important}.ant-tag{padding:0 6px!important;font-size:11px!important;line-height:20px!important}.ant-typography{font-size:13px}img{max-width:100%;height:auto}html,body{overflow-x:hidden}.login-card .ant-card-body{padding:24px 16px!important}.dashboard-stat-card .ant-statistic-title{font-size:12px!important}.dashboard-stat-card .ant-statistic-content{font-size:20px!important}.dashboard-game-card .ant-space{flex-wrap:wrap!important;gap:4px!important}}@media screen and (width<=430px){.ant-layout-content{margin:4px!important}.ant-card-body{padding:10px!important}.ant-table-tbody>tr>td{max-width:140px;font-size:12px;padding:6px!important}.ant-table-thead>tr>th{font-size:11px;padding:6px!important}.ant-card-extra .ant-space,.ant-card-head-extra .ant-space{flex-wrap:wrap;gap:4px!important}.ant-modal-header{padding:12px 16px!important}.ant-modal-title{font-size:15px!important}.ant-modal-footer .ant-btn{flex:1;min-height:40px}.ant-modal-footer{gap:8px;display:flex}.ant-modal-footer .ant-btn+.ant-btn{margin-left:0}}.mobile-sider-drawer .ant-drawer-content-wrapper{width:260px!important}.mobile-sider-drawer .ant-drawer-body{background:linear-gradient(180deg, var(--sidebar-start) 0%, var(--sidebar-end) 100%)!important;padding:0!important}.mobile-sider-drawer .ant-drawer-header{background:linear-gradient(180deg, var(--sidebar-start) 0%, var(--sidebar-end) 100%)!important;border-bottom:1px solid #ffffff1a!important}.mobile-sider-drawer .ant-drawer-title{color:#fff!important}.mobile-sider-drawer .ant-drawer-close{color:#ffffffd9!important}.mobile-sider-drawer .ant-menu-dark,.mobile-sider-drawer .ant-menu{background:0 0!important}@media (hover:none) and (pointer:coarse){.ant-btn:hover{transform:none}.ant-btn:active{transition:transform 80ms;transform:scale(.97)}.ant-card:hover{box-shadow:0 2px 12px #2d1f4f0f!important}.ant-table-tbody>tr>td:hover{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ant-menu-item,.ant-menu-submenu-title{min-height:44px!important;line-height:44px!important}}