:root{--primary-gradient-start: #667eea;--primary-gradient-end: #764ba2;--primary-blue: #2563eb;--primary-blue-dark: #1d4ed8;--success-light: #f0fdf4;--success: #10b981;--success-dark: #047857;--error-light: #fef2f2;--error: #dc2626;--error-dark: #991b1b;--warning-light: #fffbeb;--warning: #fbbf24;--warning-dark: #92400e;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-light: #9ca3af;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-y:auto;overflow-x:hidden}app-root{display:block;width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:1.6;margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-blue-dark);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.98)}.btn.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn.btn-secondary{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn.btn-secondary:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn.btn-outline{background:#fff;color:var(--gray-500);border:1.5px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--border-dark);color:var(--text-secondary)}.btn.btn-ghost{background:transparent;color:var(--text-tertiary)}.btn.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-secondary)}.btn.btn-gradient{background:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);color:#fff}.btn.btn-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.form-input,.form-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);background:#fff;color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input.error,.form-select.error{border-color:var(--error)}.form-select{cursor:pointer}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md);animation:slideIn .3s ease-out}.alert .alert-icon{width:18px;height:18px;flex-shrink:0}.alert.alert-success{background:var(--success-light);color:#166534;border:1px solid #bbf7d0}.alert.alert-error{background:var(--error-light);color:var(--error-dark);border:1px solid #fecaca}.alert.alert-warning{background:var(--warning-light);color:var(--warning-dark);border:1px solid #fde68a}.alert.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.info-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-box .info-icon{width:20px;height:20px;color:var(--primary-blue);flex-shrink:0}.info-box .info-text{font-size:var(--font-size-sm);color:#1e40af;line-height:1.6}.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary-blue);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-light{color:var(--text-light)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-lg)}.mt-3{margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-lg)}.mb-3{margin-bottom:var(--spacing-2xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-lg)}.p-3{padding:var(--spacing-2xl)}@media print{.no-print{display:none!important}}@media (max-width: 480px){body{font-size:13px}}*:focus-visible{outline:2px solid #2563eb;outline-offset:2px}[disabled]{cursor:not-allowed;opacity:.6}.loading{pointer-events:none;opacity:.6}