.main-layout{min-height:100vh}.layout-sider{position:fixed;height:100vh;left:0;top:0;bottom:0;z-index:100;box-shadow:2px 0 8px #00000026}.site-layout{margin-left:240px;transition:margin-left .2s}.logo{display:flex;align-items:center;padding:16px 24px;margin:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:12px}.logo-text{flex:1;white-space:nowrap;overflow:hidden}.layout-menu{border-right:none}.layout-menu .ant-menu-item{margin:4px 8px;border-radius:6px;height:auto;line-height:1.4;padding:12px 16px}.layout-menu .ant-menu-item:hover{background-color:#ffffff1a}.layout-menu .ant-menu-item-selected{background-color:#1890ff!important;color:#fff}.layout-menu .ant-menu-item-selected:after{display:none}.layout-header{background:#fff;padding:0;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.header-right{padding-right:24px}.user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s}.user-info:hover{background-color:#f5f5f5}.user-details{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.layout-content{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px)}.site-layout.mobile{margin-left:0!important}.site-layout.collapsed{margin-left:80px}.mobile-drawer .ant-drawer-body{padding:0;background:#001529}.mobile-sidebar-content{background:#001529;height:100%}.mobile-sidebar-content .logo{border-bottom:1px solid rgba(255,255,255,.1)}.mobile-sidebar-content .layout-menu{background:#001529}@media (max-width: 1200px){.content-wrapper{width:100%;max-width:none;padding:0}}@media (max-width: 768px){.site-layout{margin-left:0!important}.layout-sider{display:none}.layout-content{padding:12px;min-height:calc(100vh - 64px)}.content-wrapper{width:100%;max-width:none;padding:0}.layout-header{padding:0 8px}.header-right{padding-right:8px}.user-info{padding:4px 8px}}@media (max-width: 480px){.layout-content{padding:8px}.layout-header .header-left button{width:48px;height:48px}}@media (min-width: 1440px){.content-wrapper{width:100%;max-width:none}.layout-content{padding:32px}}@media (min-width: 1920px){.content-wrapper{width:100%;max-width:none}.layout-content{padding:40px}}.ant-badge-count{background-color:#ff4d4f;border:1px solid #fff}.ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #f0f0f0}.ant-dropdown-menu-item{padding:8px 12px}.ant-dropdown-menu-item:hover{background-color:#f5f5f5}.ant-layout-sider-children,.ant-menu{transition:all .2s ease}.layout-sider .ant-layout-sider-children{overflow-y:auto;overflow-x:hidden}.layout-sider .ant-layout-sider-children::-webkit-scrollbar{width:4px}.layout-sider .ant-layout-sider-children::-webkit-scrollbar-track{background:#ffffff1a}.layout-sider .ant-layout-sider-children::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.layout-sider .ant-layout-sider-children::-webkit-scrollbar-thumb:hover{background:#ffffff80}.login-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.login-card{border-radius:12px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);max-width:400px;margin:0 auto}.login-header{padding:24px 0 16px;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.login-form{padding:0 8px}.login-footer{text-align:center;padding:16px 0 8px;border-top:1px solid #f0f0f0;margin-top:24px}.logo{margin-bottom:16px}.ant-form-item-label>label{font-weight:500}.ant-input-affix-wrapper{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s}.ant-input-affix-wrapper:hover{border-color:#40a9ff}.ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-btn-primary{border-radius:8px;font-weight:500;height:48px;font-size:16px}@media (max-width: 576px){.login-container{padding:12px}.login-card{margin:0}.login-header{padding:16px 0 12px}}.ant-alert{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard{padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 4px}.dashboard-header h2{margin:0;color:#262626}.metrics-row,.secondary-metrics,.data-tables,.charts-row{margin-bottom:24px}.metric-card{border-radius:8px;box-shadow:0 1px 2px #00000008;border:1px solid #f0f0f0;position:relative;overflow:hidden}.metric-card .ant-card-body{padding:20px}.metric-card .ant-statistic-title{color:#8c8c8c;font-size:14px;margin-bottom:8px}.metric-card .ant-statistic-content{font-size:24px;font-weight:600}.metric-details{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.metric-icon{font-size:20px;opacity:.8}.metric-growth{display:flex;align-items:center;gap:4px;font-size:12px}.realtime-card{border-radius:8px;box-shadow:0 1px 2px #00000008;border:1px solid #f0f0f0;position:relative}.realtime-card .ant-card-body{padding:20px}.realtime-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#52c41a,#1890ff)}.transactions-card{border-radius:8px;box-shadow:0 1px 2px #00000008}.transactions-card .ant-card-head{border-bottom:1px solid #f0f0f0}.chart-card{border-radius:8px;box-shadow:0 1px 2px #00000008;height:300px}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:#fafafa;border-radius:6px;border:1px dashed #d9d9d9}.ant-tag{border-radius:4px;font-size:11px;font-weight:500;padding:0 8px;height:22px;line-height:20px}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header .ant-space{width:100%;justify-content:flex-start}.dashboard-header .ant-space .ant-picker{flex:1}.dashboard-header .ant-space .ant-select{width:120px!important}.metric-card .ant-statistic-content{font-size:20px}.chart-card{height:250px}.chart-placeholder{height:150px}}@media (max-width: 576px){.metric-details{margin-top:12px}.metric-icon{font-size:16px}.metric-card .ant-card-body,.realtime-card .ant-card-body{padding:16px}}.metric-card:hover,.realtime-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.ant-statistic-skeleton{display:inline-block;width:60px;height:20px;background:#f0f0f0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.transactions-card .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626}.transactions-card .ant-table-tbody>tr:hover>td{background:#f5f5f5}.transactions-card .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0}@media (max-width: 768px){.dashboard-header h2,.ant-typography h2,h2{min-width:0!important;width:auto!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;font-size:20px!important}.dashboard-header,.ant-layout-content,.main-content{min-width:0;width:100%;overflow-x:auto}.dashboard-header{padding:8px 16px!important;margin-bottom:16px!important;flex-wrap:wrap;gap:8px}.layout-header{padding:0 16px!important;height:56px!important;line-height:56px!important}.layout-header .ant-btn{min-width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.layout-header .ant-avatar{width:36px!important;height:36px!important}.layout-header .ant-badge{margin-right:12px}.user-info{display:none!important}.ant-row{margin:0 -8px!important}.ant-col{padding:0 8px!important;margin-bottom:16px!important}.ant-card{margin-bottom:0!important;border-radius:8px!important}.ant-card-body{padding:16px!important}.ant-statistic-title{font-size:12px!important;margin-bottom:4px!important}.ant-statistic-content{font-size:20px!important;line-height:1.2!important}.ant-col-xs-24{width:100%!important}.ant-col-sm-12{width:50%!important}.ant-table-wrapper{overflow-x:auto!important;margin:0 -16px!important;padding:0 16px!important}.ant-table{min-width:600px!important}.ant-table-thead th{font-size:11px!important;font-weight:600!important;padding:8px 4px!important;white-space:nowrap!important}.ant-table-tbody td{font-size:11px!important;padding:8px 4px!important;white-space:nowrap!important}.ant-tag{font-size:10px!important;padding:1px 6px!important;margin:0!important}.mobile-drawer .ant-drawer-body{padding:0!important}.mobile-sidebar-content{height:100%;background:#001529}.mobile-sidebar-content .layout-menu{border-right:none!important}.mobile-sidebar-content .ant-menu-item{height:48px!important;line-height:48px!important;margin:0!important;padding-left:24px!important}}.responsive-container{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 576px){.responsive-container{max-width:540px}}@media (min-width: 768px){.responsive-container{max-width:720px;padding:0 24px}}@media (min-width: 992px){.responsive-container{max-width:960px}}@media (min-width: 1200px){.responsive-container{max-width:1140px}}@media (min-width: 1400px){.responsive-container{max-width:1320px}}.ant-card{height:100%}.ant-card .ant-card-body{padding:16px}@media (max-width: 768px){.ant-card .ant-card-body{padding:12px}.ant-card .ant-card-head-title{font-size:14px}}.statistics-card{height:100%}.statistics-card .ant-statistic-title{font-size:14px;margin-bottom:8px}.statistics-card .ant-statistic-content{font-size:20px}@media (max-width: 768px){.statistics-card .ant-statistic-title{font-size:12px;margin-bottom:4px}.statistics-card .ant-statistic-content{font-size:18px}}.responsive-table{overflow-x:auto}.responsive-table .ant-table{min-width:600px}@media (max-width: 768px){.responsive-table .ant-table{font-size:12px}.responsive-table .ant-table-thead>tr>th{padding:8px 4px;font-size:11px}.responsive-table .ant-table-tbody>tr>td{padding:8px 4px}}.page-header-responsive{display:flex;flex-direction:column;gap:16px}.page-header-responsive .page-header-content{flex:1}.page-header-responsive .page-header-extra{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (min-width: 768px){.page-header-responsive{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (max-width: 576px){.page-header-responsive .page-header-extra{width:100%;justify-content:stretch}.page-header-responsive .page-header-extra>*{flex:1;min-width:0}.page-header-responsive .ant-picker-range,.page-header-responsive .ant-select{width:100%!important}}.responsive-row{margin-left:-8px!important;margin-right:-8px!important}.responsive-row>.ant-col{padding-left:8px!important;padding-right:8px!important}@media (min-width: 768px){.responsive-row{margin-left:-12px!important;margin-right:-12px!important}.responsive-row>.ant-col{padding-left:12px!important;padding-right:12px!important}}.responsive-button-group{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 576px){.responsive-button-group{width:100%}.responsive-button-group .ant-btn{flex:1;min-width:0}}.responsive-list .ant-list-item{padding:12px 0}.responsive-list .ant-list-item-meta{align-items:flex-start}@media (max-width: 768px){.responsive-list .ant-list-item{padding:8px 0}.responsive-list .ant-list-item-meta-title{font-size:14px;margin-bottom:4px}.responsive-list .ant-list-item-meta-description{font-size:12px}.responsive-list .ant-avatar{width:32px!important;height:32px!important;line-height:32px!important;font-size:14px!important}}@media (max-width: 576px){.ant-progress{margin-top:8px}}.responsive-space{flex-wrap:wrap}@media (max-width: 576px){.responsive-space{width:100%}.responsive-space>*{margin-bottom:8px}}@media (max-width: 768px){.ant-tag{font-size:11px;padding:2px 6px}}@media (max-width: 768px){.ant-drawer-content-wrapper{width:280px!important}}.responsive-title{font-size:24px;font-weight:600;margin-bottom:8px}.responsive-subtitle{font-size:14px;color:#000000a6;margin-bottom:16px}@media (max-width: 768px){.responsive-title{font-size:20px;margin-bottom:4px}.responsive-subtitle{font-size:12px;margin-bottom:12px}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-responsive{margin:16px}.p-responsive{padding:16px}@media (max-width: 768px){.m-responsive{margin:8px}.p-responsive{padding:8px}}@media (max-width: 480px){.m-responsive{margin:4px}.p-responsive{padding:4px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.ant-layout{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}.text-center{text-align:center}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}:root{--primary-color: #1890ff;--primary-color-hover: #40a9ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1890ff;--text-color: rgba(0, 0, 0, .85);--text-color-secondary: rgba(0, 0, 0, .65);--text-color-disabled: rgba(0, 0, 0, .25);--background-color: #f0f2f5;--component-background: #ffffff;--border-color: #d9d9d9;--border-radius: 6px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--box-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--header-height: 64px;--sidebar-width: 250px;--sidebar-collapsed-width: 80px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5715;color:var(--text-color);background-color:var(--background-color)}#root{height:100%}.full-height{height:100vh}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;color:var(--text-color-secondary)}.page-container{padding:var(--spacing-lg);min-height:calc(100vh - var(--header-height))}.content-wrapper{width:100%;max-width:none;margin:0}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ant-card{border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}.ant-card:hover{box-shadow:var(--box-shadow-hover)}.ant-card-head{border-bottom:1px solid var(--border-color);background-color:#fafafa;border-radius:var(--border-radius) var(--border-radius) 0 0}.ant-card-head-title{font-weight:600;color:var(--text-color)}.statistics-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.statistics-card .ant-card-body{padding:var(--spacing-lg)}.statistics-card .ant-statistic-title{color:#ffffffd9;margin-bottom:var(--spacing-sm)}.statistics-card .ant-statistic-content-value{color:#fff;font-weight:700}.statistics-card .ant-statistic-content-suffix{color:#ffffffd9}.action-card{transition:all .3s ease;cursor:pointer;border:2px solid transparent}.action-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--box-shadow-hover)}.ant-table{border-radius:var(--border-radius);overflow:hidden}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.ant-btn{border-radius:var(--border-radius);font-weight:500;transition:all .3s ease}.ant-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-hover) 100%);border:none;box-shadow:0 2px 4px #1890ff33}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.ant-form-item-label>label{font-weight:600;color:var(--text-color)}.ant-input,.ant-select-selector,.ant-picker{border-radius:var(--border-radius);transition:all .3s ease}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.ant-modal{border-radius:var(--border-radius)}.ant-modal-header{border-radius:var(--border-radius) var(--border-radius) 0 0;background-color:#fafafa;border-bottom:1px solid var(--border-color)}.ant-modal-title{font-weight:600;color:var(--text-color)}.ant-layout-sider{box-shadow:2px 0 8px #0000001a;z-index:10}.ant-menu{border-right:none}.ant-menu-item{border-radius:var(--border-radius);margin:var(--spacing-xs) var(--spacing-sm);width:calc(100% - var(--spacing-md))}.ant-menu-item:hover{background-color:#1890ff1a}.ant-menu-item-selected{background-color:var(--primary-color)!important;color:#fff!important}.ant-menu-item-selected:after{display:none}.site-header{background:#fff;box-shadow:0 2px 8px #0000001a;z-index:10;position:relative}.page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.page-header-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.page-header-icon{font-size:24px;color:var(--primary-color)}.page-header-subtitle{color:var(--text-color-secondary);margin:0}.status-tag{font-weight:500;border-radius:12px;padding:2px 8px}.status-active{background-color:#f6ffed;border-color:#52c41a;color:#52c41a}.status-inactive{background-color:#fff2e8;border-color:#fa8c16;color:#fa8c16}.status-suspended{background-color:#fff1f0;border-color:#ff4d4f;color:#ff4d4f}.ant-progress-line,.ant-progress-bg{border-radius:var(--border-radius)}.ant-notification{border-radius:var(--border-radius);box-shadow:var(--box-shadow-hover)}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}.ant-card{margin-bottom:var(--spacing-md)}.ant-table{font-size:12px}.statistics-card .ant-statistic-content-value{font-size:20px}}@media (max-width: 576px){.page-container{padding:var(--spacing-sm)}.ant-card-head-title{font-size:16px}.statistics-card .ant-statistic-content-value{font-size:18px}}@media (prefers-color-scheme: dark){:root{--text-color: rgba(255, 255, 255, .85);--text-color-secondary: rgba(255, 255, 255, .65);--text-color-disabled: rgba(255, 255, 255, .25);--background-color: #141414;--component-background: #1f1f1f;--border-color: #434343}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ant-btn:focus,.ant-input:focus,.ant-select:focus,.ant-menu-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.loading-overlay{position:relative}.loading-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:100}@media print{.ant-layout-sider,.site-header,.ant-pagination,.ant-btn{display:none!important}.ant-layout-content{margin:0!important;padding:0!important}.ant-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}}