.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:48px 40px;max-width:420px;width:100%}.login-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.login-logo{height:32px;width:auto}.login-title-divider{width:1px;height:36px;background-color:#d1d5db}.login-title{font-size:28px;font-weight:700;color:#1a202c;margin:0;text-align:center}.login-subtitle{font-size:16px;color:#718096;margin:0 0 32px;text-align:center}.login-error{margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}@media (max-width: 640px){.login-header{gap:12px}.login-logo{height:28px}.login-title-divider{height:32px}.login-title{font-size:24px}}.footer{background:#f8f9fa;border-top:1px solid #e5e7eb;padding:32px 40px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-left{flex-shrink:0}.footer-logo{height:28px;width:auto}.footer-center{flex:1;display:flex;justify-content:center}.footer-links{display:flex;gap:32px;align-items:center}.footer-links a{color:#4b5563;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.footer-links a:hover{color:#667eea}.footer-right{display:flex;align-items:center;gap:24px;flex-shrink:0}.footer-contacts{display:flex;flex-direction:column;gap:8px}.footer-contact-item{display:flex;align-items:center;gap:8px;color:#4b5563;text-decoration:none;font-size:13px;transition:color .2s}.footer-contact-item:hover{color:#667eea}.footer-contact-item svg{flex-shrink:0}.footer-contact-btn{background:#667eea;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;letter-spacing:.5px}.footer-contact-btn:hover{background:#5568d3}@media (max-width: 992px){.footer-content{flex-direction:column;align-items:flex-start;gap:24px}.footer-center{justify-content:flex-start}.footer-right{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.footer-contact-btn{width:100%}}@media (max-width: 640px){.footer{padding:24px 20px}.footer-links{flex-direction:column;align-items:flex-start;gap:12px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f6f7fb;color:#1f2430}body{margin:0}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:0 16px}.app-header{padding:16px 40px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;margin:0 -16px 24px}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:28px;width:auto}.header-divider{width:1px;height:32px;background-color:#d1d5db}.app-header h1{margin:0;font-size:20px;font-weight:600;color:#1f2937;transition:color .2s}.app-header h1:hover{color:#8b5cf6}.btn-logout{border:1px solid #8b5cf6;color:#8b5cf6;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#8b5cf6;color:#fff}h1{margin:0;font-size:24px}@media (max-width: 640px){.app-header{padding:12px 20px}.header-left{gap:12px}.header-logo{height:24px}.header-divider{height:28px}.app-header h1{font-size:16px}.btn-logout{padding:6px 16px;font-size:13px}}h2{margin:0 0 8px;font-size:32px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.block{margin-bottom:12px}.label{display:block;margin-bottom:8px;font-weight:600;font-size:14px}.column-select{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.column-select:hover{border-color:#8b5cf6}.column-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.column-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.languages{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.language-item{display:flex;align-items:center;gap:8px;font-size:14px}.language-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;margin:0;display:grid;place-content:center;transition:all .2s ease}.language-item input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.language-item input[type=checkbox]:checked{background-color:#8b5cf6;border-color:#8b5cf6}.language-item input[type=checkbox]:checked:before{transform:scale(1)}.language-item input[type=checkbox]:hover{border-color:#8b5cf6}.btn{padding:10px 14px;border:1px solid #d0d7de;border-radius:6px;background:#fff;cursor:pointer;font-weight:600;font-size:14px}.btn.primary{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.btn.primary:hover{background:#7c3aed;border-color:#7c3aed}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.full-width{width:100%}.row{margin-bottom:6px}.alert{background:#fef2f2;color:#991b1b;border:1px solid #fecdd3;padding:10px 12px;border-radius:8px;margin-bottom:12px}.muted{color:#6b7280;font-size:14px}.errors ul{margin:6px 0 0;padding-left:18px}.upload-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.hero-text{margin-bottom:40px}.hero-text p{color:#6b7280;font-size:18px}.upload-container{width:100%;max-width:600px}.dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:48px;text-align:center;background:#f8fafc;cursor:pointer;transition:all .2s ease}.dropzone.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.dropzone-icon{font-size:48px;margin-bottom:16px;color:#94a3b8}.dropzone-title{font-size:20px;font-weight:700;color:#1e293b}.dropzone-subtitle{margin-top:8px;font-size:16px;color:#eab308;font-weight:600}.dropzone-hint{margin-top:12px;color:#94a3b8;font-size:14px}.preview-screen{flex:1;animation:fadeIn .3s ease;padding-bottom:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.filename{font-weight:600;font-size:16px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.preview-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow:auto;max-height:500px;background:#fff;box-shadow:0 1px 2px #0000000d}.preview-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.preview-table th,.preview-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.preview-table th:last-child,.preview-table td:last-child{border-right:none}.preview-table tr:last-child td{border-bottom:none}.preview-table th{background:#f8fafc;color:#475569;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.02em;position:sticky;top:0;z-index:10;white-space:nowrap}.preview-table td{color:#334155;background:#fff;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.preview-table tr:hover td{background:#f8fafc}.controls-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}@media (max-width: 768px){.controls-row{grid-template-columns:1fr}}.action-card h3{margin-top:0;font-size:16px;margin-bottom:12px}.job-active-info{margin-bottom:12px;font-size:14px;color:#2563eb;font-weight:600}.toolbar-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-filename{margin:0;font-size:20px;font-weight:700;color:#1e293b}.btn.secondary{background:#8b5cf6!important;color:#fff!important;border:none;border-radius:6px;padding:10px 16px;font-weight:600;display:flex;align-items:center;gap:8px;font-size:14px}.btn.secondary:hover{background:#7c3aed!important}.preview-footer{text-align:right;margin-top:8px;color:#64748b;font-size:13px}.preview-container{margin-bottom:24px}.preview-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.preview-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.preview-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.preview-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.preview-table-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}