.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{width:100%;max-width:450px;box-shadow:0 4px 6px #0000001a;border-radius:8px}.auth-card .ant-card-body{padding:40px}@media (max-width: 576px){.auth-card .ant-card-body{padding:24px}}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--text-color: #262626;--text-color-secondary: #8c8c8c;--border-color: #d9d9d9;--background-color: #f5f5f5;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .15);--border-radius: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.ant-layout{background:var(--background-color);min-height:100vh}.ant-layout-header{background:#001529;padding:0 24px;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.ant-layout-sider{background:#001529;box-shadow:2px 0 8px #0000001a}.ant-layout-content{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin:24px;padding:24px;transition:var(--transition)}.ant-layout-content:hover{box-shadow:var(--card-shadow-hover)}.ant-card{border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid var(--border-color)}.ant-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.ant-btn{border-radius:var(--border-radius);transition:var(--transition);font-weight:500}.ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}.ant-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border:none}.ant-form-item-label>label{font-weight:500;color:var(--text-color)}.ant-input,.ant-select-selector,.ant-picker{border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.ant-input:focus,.ant-select-selector:focus,.ant-picker:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.ant-table{border-radius:var(--border-radius);overflow:hidden}.ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:600;color:var(--text-color)}.ant-table-tbody>tr:hover>td{background:#1890ff0d}.ant-pagination-item{border-radius:var(--border-radius);transition:var(--transition)}.ant-pagination-item:hover{border-color:var(--primary-color);transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content{text-align:center}.loading-text{margin-top:16px;color:var(--text-color-secondary);font-size:16px}.loading-skeleton{padding:20px}.loading-card-skeleton{margin:20px 0}.error-boundary{padding:40px 20px;text-align:center}@media (max-width: 768px){.ant-layout-content{margin:16px;padding:16px}.ant-layout-header{padding:0 16px}}@media (max-width: 480px){.ant-layout-content{margin:12px;padding:12px}.ant-card{margin-bottom:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}::-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}::selection{background:#1890ff33;color:var(--text-color)}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #000;--text-color: #000;--background-color: #fff}}:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--text-color: #262626;--text-color-secondary: #8c8c8c;--border-color: #d9d9d9;--background-color: #f5f5f5;--mobile: 480px;--tablet: 768px;--desktop: 1024px;--large-desktop: 1200px}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;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;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}@media (max-width: 480px){html{font-size:14px}}@media (min-width: 1200px){html{font-size:18px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (max-width: 768px){.container{padding:0 12px}}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 480px){.grid{grid-template-columns:1fr;gap:12px}}.responsive-padding{padding:24px}@media (max-width: 768px){.responsive-padding{padding:16px}}@media (max-width: 480px){.responsive-padding{padding:12px}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}}@media (max-width: 768px){.ant-btn{min-height:44px;padding:8px 16px}.ant-input{min-height:44px}}@media (max-width: 480px){.ant-card{margin-bottom:12px}.ant-table{font-size:14px}.ant-pagination{text-align:center}}