:root{--primary-color: #0066cc;--primary-hover: #0052a3;--error-color: #d32f2f;--success-color: #2e7d32;--warning-color: #ed6c02;--text-color: #333;--text-secondary: #666;--border-color: #ddd;--background-color: #f5f5f5;--card-background: #fff;--input-background: #fff;--border-radius: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--shadow-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--primary-color: #4da6ff;--primary-hover: #80bfff;--error-color: #f44336;--success-color: #4caf50;--warning-color: #ff9800;--text-color: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #444;--background-color: #1a1a1a;--card-background: #2d2d2d;--input-background: #3a3a3a;--shadow-color: rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.loading-container{text-align:center}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-form-container,.reconciliation-form-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:var(--spacing-xl);width:100%;max-width:480px}.reconciliation-form-container{max-width:600px}h1,h2,h3{margin:0 0 var(--spacing-lg);color:var(--text-color)}h2{font-size:1.5rem;text-align:center}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.form-header h1{margin:0;font-size:1.25rem}.user-info{display:flex;align-items:center;gap:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.login-form,.reconciliation-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}label{font-weight:500;font-size:.875rem;color:var(--text-color)}input,select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;background-color:var(--input-background);color:var(--text-color);transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}input:disabled,select:disabled{background-color:var(--background-color);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error-color)}button{cursor:pointer;font-size:1rem;border-radius:var(--border-radius);transition:background-color .2s,opacity .2s}.submit-button{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border:none;font-weight:500;margin-top:var(--spacing-sm)}.submit-button:hover:not(:disabled){background-color:var(--primary-hover)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.logout-button{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);font-size:.875rem}.logout-button:hover{background-color:#0066cc0d}.error-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#d32f2f1a;border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);font-size:.875rem}.field-error{color:var(--error-color);font-size:.75rem}.job-status{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--background-color);border-radius:var(--border-radius)}.job-status h3{margin-bottom:var(--spacing-md);font-size:1rem}.job-status p{margin:var(--spacing-xs) 0;font-size:.875rem}.status-running{color:var(--warning-color);font-weight:500}.status-succeeded{color:var(--success-color);font-weight:500}.status-failed{color:var(--error-color);font-weight:500}.download-section{margin-top:var(--spacing-md)}.download-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--success-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:background-color .2s}.download-link:hover{background-color:#1b5e20}@media (max-width: 480px){.form-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.form-row,.user-info{flex-direction:column}}.theme-toggle{position:fixed;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--card-background);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--shadow-color);transition:background-color .2s,transform .2s;z-index:1000}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle svg{width:20px;height:20px;fill:var(--text-color)}.dashboard-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:var(--spacing-xl);width:100%;max-width:800px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.dashboard-header h1{margin:0;font-size:1.5rem}.mfa-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ed6c021a;border:1px solid var(--warning-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);flex-wrap:wrap}[data-theme=dark] .mfa-banner{background-color:#ff980026}.mfa-setup-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--warning-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;white-space:nowrap}.mfa-setup-button:hover{opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--primary-color)}.feature-card.feature-disabled{opacity:.6;cursor:not-allowed}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-card h3{margin:0 0 var(--spacing-xs);font-size:1rem;color:var(--text-color)}.feature-card p{margin:0;font-size:.875rem;color:var(--text-secondary)}.coming-soon{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--border-color);border-radius:var(--border-radius);font-size:.75rem;color:var(--text-secondary)}.mfa-setup-container,.mfa-verify-container{background:var(--card-background);border-radius:var(--border-radius);box-shadow:0 2px 8px var(--shadow-color);padding:var(--spacing-xl);width:100%;max-width:500px}.mfa-setup-container h2,.mfa-verify-container h2{text-align:center;margin-bottom:var(--spacing-lg)}.mfa-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mfa-step{display:flex;gap:var(--spacing-md)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{margin:0 0 var(--spacing-xs);font-size:1rem}.step-content p{margin:0 0 var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.qr-code-container{display:flex;justify-content:center;padding:var(--spacing-md);background:#fff;border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.qr-code{width:200px;height:200px}.manual-entry{font-size:.875rem;color:var(--text-secondary)}.manual-entry summary{cursor:pointer;margin-bottom:var(--spacing-sm)}.secret-code{display:block;padding:var(--spacing-sm);background:var(--background-color);border-radius:var(--border-radius);font-family:monospace;word-break:break-all;font-size:.875rem}.verification-form,.mfa-verify-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.verification-input{font-size:1.5rem;text-align:center;letter-spacing:.5em;padding:var(--spacing-md);font-family:monospace}.mfa-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.cancel-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--background-color)}.mfa-success{text-align:center;padding:var(--spacing-xl)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--success-color);color:#fff;border-radius:50%;font-size:2rem;margin-bottom:var(--spacing-md)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--primary-color);border:none;font-size:.875rem;margin-bottom:var(--spacing-md)}.back-button:hover{text-decoration:underline}.feature-wrapper{width:100%;max-width:600px}@media (max-width: 600px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.mfa-banner{flex-direction:column;text-align:center}.features-grid{grid-template-columns:1fr}.mfa-step{flex-direction:column;align-items:center;text-align:center}.mfa-actions{flex-direction:column}.mfa-actions button{width:100%}}