html,body{margin:0;padding:0;width:100%;height:100%}#root{width:100%;height:100%}:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--text-color: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .45);--border-color: #d9d9d9;--bg-color: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.page-container{padding:24px;background:#fff;border-radius:8px;min-height:calc(100vh - 112px)}.stat-card .ant-statistic-title{font-size:14px;color:#00000073}.stat-card .ant-statistic-content{font-size:30px;font-weight:600}.table-actions{display:flex;gap:8px}.search-form{margin-bottom:24px;padding:24px;background:#fafafa;border-radius:8px}.status-tag.active{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a}.status-tag.banned{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.status-tag.pending{background-color:#fffbe6;border-color:#ffe58f;color:#faad14}@media(max-width:768px){.page-container{padding:16px}}.admin-layout{min-height:100vh}.admin-sider{box-shadow:2px 0 8px #00000026}.admin-sider .logo{height:64px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;background:#ffffff1a;margin-bottom:8px}.admin-sider .ant-menu{border:none}.admin-header{padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:10}.admin-header .header-left{display:flex;align-items:center}.admin-header .header-left .collapse-btn{font-size:18px}.admin-header .header-right{display:flex;align-items:center;gap:16px}.admin-header .header-right .user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .3s}.admin-header .header-right .user-info:hover{background-color:#0000000a}.admin-header .header-right .user-info .username{font-size:14px}.admin-content{margin:24px;padding:24px;min-height:calc(100vh - 112px);overflow:auto}@media(max-width:768px){.admin-sider{position:fixed;left:-240px;z-index:100;transition:left .3s}.admin-sider.ant-layout-sider-collapsed{left:-80px}.admin-content{margin:16px;padding:16px}}