#app{min-height:100vh}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.error-content{text-align:center;max-width:400px}.error-content h1{color:#dc3545;margin-bottom:16px}.error-content p{color:#666;margin-bottom:24px}.error-content button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer}.error-content button:hover{background:#5a6fd6}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-background: #f0f2f5;--color-surface: #ffffff;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e0e0e0;--color-badge-success-bg: #d4edda;--color-badge-success-text: #155724;--color-badge-warning-bg: #fff3cd;--color-badge-warning-text: #856404;--color-badge-danger-bg: #f8d7da;--color-badge-danger-text: #721c24;--color-badge-info-bg: #d1ecf1;--color-badge-info-text: #0c5460;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--container-max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-background);min-height:100vh;line-height:1.5}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-lg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg)}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:600}.badge-success{background:var(--color-badge-success-bg);color:var(--color-badge-success-text)}.badge-warning{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.badge-danger{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-text)}.badge-info{background:var(--color-badge-info-bg);color:var(--color-badge-info-text)}.btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary-gradient);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover,.btn-outline.active{background:var(--color-primary);color:#fff}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}input,select{padding:10px 14px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;transition:border-color .2s}input:focus,select:focus{outline:none;border-color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}