*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background-color:#f5f5f7;color:#1d1d1f}.app{min-height:100vh}:root{--primary-50: #E6F7FF;--primary-100: #BAE7FD;--primary-200: #91D5FF;--primary-300: #69C0FF;--primary-400: #40A9FF;--primary-500: #1890FF;--primary-600: #096DD9;--primary-700: #0050B3;--primary-800: #003A8C;--primary-900: #002766;--success-500: #52C41A;--warning-500: #FAAD14;--error-500: #FF4D4F;--info-500: #1890FF;--gray-50: #F5F5F7;--gray-100: #F0F0F0;--gray-200: #D9D9D9;--gray-300: #BFBFBF;--gray-400: #8C8C8C;--gray-500: #595959;--gray-600: #434343;--gray-700: #262626;--gray-800: #1F1F1F;--gray-900: #000000;--bg-page: #F0F2F5;--bg-card: #FFFFFF;--bg-hover: #F5F5F5;--bg-active: #E6F7FF;--border-base: #E8E8E8;--border-light: #F0F0F0;--border-dark: #D9D9D9;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8C8C8C;--text-disabled: #BFBFBF;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--radius-sm: 4px;--radius-base: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 2px 8px rgba(0, 0, 0, .09);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--primary-500);border:1px solid var(--primary-500)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-500);color:#fff}.btn-text{background-color:transparent;color:var(--primary-500);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base)}.btn-text:hover:not(:disabled){background-color:var(--primary-50)}.btn-success{background-color:var(--success-500);color:#fff}.btn-success:hover:not(:disabled){background-color:#389e0d;transform:translateY(-1px)}.btn-warning{background-color:var(--warning-500);color:#fff}.btn-danger{background-color:var(--error-500);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-xs{padding:4px 10px;font-size:12px;border-radius:6px}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.input-base{padding:var(--spacing-3);border:1px solid var(--border-base);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--gray-50);transition:all var(--transition-base);font-family:var(--font-family)}.input-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #1890ff33;background-color:#fff}.input-base::placeholder{color:var(--text-tertiary)}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-base)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);table-layout:fixed}.table th{background-color:var(--gray-50);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--border-base);vertical-align:middle}.table td{padding:var(--spacing-3);border-bottom:1px solid var(--border-base);color:var(--text-primary);vertical-align:middle}.table tr:hover td{background-color:var(--bg-hover)}.badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-success{background-color:#f6ffed;color:var(--success-500)}.badge-warning{background-color:#fffbe6;color:var(--warning-500)}.badge-error{background-color:#fff2f0;color:var(--error-500)}.badge-info{background-color:var(--primary-50);color:var(--primary-600)}.badge-pending{background-color:var(--gray-100);color:var(--text-secondary)}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-base);border-radius:var(--radius-base);background-color:#fff;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);font-size:var(--font-size-sm)}.pagination-btn:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-500)}.pagination-btn.active{background-color:var(--primary-500);color:#fff;border-color:var(--primary-500)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-container{min-height:100vh;background-color:var(--bg-page);padding:var(--spacing-6)}.page-header{margin-bottom:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.page-content{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-base)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.select-base{padding:var(--spacing-3);border:1px solid var(--border-base);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--gray-50);transition:all var(--transition-base);font-family:var(--font-family);cursor:pointer}.select-base:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #1890ff33;background-color:#fff}.search-box{display:flex;align-items:center;gap:var(--spacing-2)}.search-input{flex:1;padding:var(--spacing-3);border:1px solid var(--border-base);border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--gray-50);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #1890ff33;background-color:#fff}.progress-bar-container{width:100%;height:8px;background-color:var(--gray-100);border-radius:var(--radius-base);overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-500);border-radius:var(--radius-base);transition:width var(--transition-slow) ease}@media (max-width: 768px){.page-container{padding:var(--spacing-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.page-title{font-size:var(--font-size-xl)}}