:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.layout-container{background:#f5f7fa;min-height:100vh}.layout-sider{z-index:10;border-right:1px solid #e8eaed;position:relative;box-shadow:2px 0 8px #0000000a;background:#fff!important}.logo-container{border-bottom:1px solid #e8eaed;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;box-shadow:0 2px 8px #667eea4d}.logo-text{flex-direction:column;flex:1;gap:2px;display:flex}.logo-title{color:#1f2329;font-size:16px;font-weight:600;line-height:1.2}.logo-subtitle{color:#8f959e;font-size:12px;line-height:1}.layout-menu{padding:12px 8px;background:0 0!important;border:none!important}.layout-menu .ant-menu-item{color:#4e5969;border-radius:8px;height:40px;margin:4px 0;font-size:14px;line-height:40px;transition:all .2s cubic-bezier(.645,.045,.355,1)}.layout-menu .ant-menu-item:hover{color:#1f2329;background:#f2f3f5}.layout-menu .ant-menu-item-selected{font-weight:500;color:#667eea!important;background:linear-gradient(135deg,#667eea22 0%,#764ba222 100%)!important}.layout-menu .ant-menu-item-selected:after{display:none}.layout-menu .ant-menu-item-icon{font-size:16px}.layout-main{background:#f5f7fa}.layout-header{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;height:64px;line-height:64px;display:flex;box-shadow:0 1px 4px #00000005;background:#fff!important;padding:0 24px!important}.header-breadcrumb{color:#1f2329;font-size:18px;font-weight:600}.user-info{border-radius:8px;padding:8px 16px;transition:background .2s}.user-info:hover{background:#f2f3f5}.user-info span{color:#4e5969;font-size:14px}.layout-content{min-height:calc(100vh - 112px);margin:24px}@media (width<=768px){.layout-sider{z-index:1000;top:0;bottom:0;left:0;position:fixed!important}.layout-content{margin:16px}.logo-title{font-size:14px}.logo-subtitle{display:none}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{position:absolute;inset:0;overflow:hidden}.bg-gradient-1,.bg-gradient-2,.bg-gradient-3{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.bg-gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.bg-gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:500px;height:500px;animation-delay:7s;bottom:-150px;right:-150px}.bg-gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:400px;height:400px;animation-delay:14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.9)}}.login-content{z-index:1;width:100%;max-width:440px;padding:20px;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:40px}.login-logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;animation:3s ease-in-out infinite logoFloat;display:flex;box-shadow:0 8px 24px #667eea66}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{color:#1f2329;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.2}.login-subtitle{color:#8f959e;margin:0;font-size:15px}.login-form{margin-top:32px}.login-input{border:1.5px solid #e8eaed;border-radius:12px;height:48px;padding:12px 16px;font-size:15px;transition:all .3s}.login-input:hover{border-color:#c0c4cc}.login-input:focus,.login-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-icon{color:#8f959e;font-size:16px}.login-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;height:48px;margin-top:8px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #667eea66}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#7b8ff0 0%,#8b5db8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.login-button:active:not(:disabled){transform:translateY(0)}.login-tip{text-align:center;color:#8f959e;background:#f7f8fa;border:1px dashed #e8eaed;border-radius:8px;margin-top:20px;padding:12px;font-size:13px}.login-footer{text-align:center;color:#fffc;margin-top:24px;font-size:14px}.login-footer p{margin:0}@media (width<=768px){.login-card{border-radius:20px;padding:36px 28px}.login-logo{border-radius:16px;width:64px;height:64px;font-size:32px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.login-input,.login-button{height:44px;font-size:15px}.bg-gradient-1,.bg-gradient-2,.bg-gradient-3{filter:blur(60px)}}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item:last-of-type{margin-bottom:0}.dashboard-container{padding:0}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.dashboard-header{margin-bottom:24px}.dashboard-title{color:#1f2329;margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.4}.dashboard-subtitle{color:#8f959e;margin:0;font-size:14px}.stats-row{margin-bottom:16px}.stats-card{border:1px solid #e8eaed;border-radius:12px;transition:all .3s cubic-bezier(.645,.045,.355,1);overflow:hidden;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a}.stats-card .ant-card-body{align-items:center;gap:16px;padding:20px;display:flex}.stats-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.stats-content{flex:1;min-width:0}.stats-title{color:#8f959e;margin-bottom:8px;font-size:14px;font-weight:400}.stats-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1}.stats-suffix{opacity:.85;margin-left:4px;font-size:18px}.data-card{border:1px solid #e8eaed;border-radius:12px;height:100%;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005}.data-card .ant-card-head{border-bottom:1px solid #e8eaed;padding:16px 20px}.data-card .ant-card-body{padding:20px}.card-title{color:#1f2329;font-size:16px;font-weight:600}.custom-table{border-radius:8px}.custom-table .ant-table{font-size:14px}.custom-table .ant-table-thead>tr>th{color:#4e5969;background:#f7f8fa;border-bottom:1px solid #e8eaed;padding:12px 16px;font-weight:500}.custom-table .ant-table-tbody>tr>td{border-bottom:1px solid #f2f3f5;padding:12px 16px}.custom-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.custom-table .ant-table-tbody>tr:hover>td{background:#f7f8fa}.rank-badge{color:#4e5969;background:#f2f3f5;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:14px;font-weight:500;display:inline-flex}.rank-badge.rank-top{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-weight:600;box-shadow:0 2px 4px #667eea4d}.heat-value{color:#ff4d4f;font-variant-numeric:tabular-nums;font-weight:500}@media (width<=768px){.dashboard-title{font-size:20px}.stats-card .ant-card-body{gap:12px;padding:16px}.stats-icon{width:48px;height:48px;font-size:20px}.stats-value{font-size:24px}.data-card .ant-card-body{padding:16px}.custom-table .ant-table-thead>tr>th,.custom-table .ant-table-tbody>tr>td{padding:10px 12px}}