.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}.login-divider{position:relative;text-align:center;margin:24px 0}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.login-divider span{position:relative;background:#fff;padding:0 16px;color:#6b7280;font-size:14px;font-weight:500}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s ease}.btn-google:hover:not(:disabled){border-color:#9333ea;background:#faf5ff;transform:translateY(-1px);box-shadow:0 4px 12px #9333ea26}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0}@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}}.version-history{margin-top:24px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.version-history h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.versions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.versions-list::-webkit-scrollbar{width:8px}.versions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.versions-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.versions-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.version-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.version-item:hover{border-color:#9333ea;box-shadow:0 2px 8px #9333ea1a;transform:translateY(-1px)}.version-item.final{background:linear-gradient(135deg,#f9fafb,#f3e8ff);border-color:#9333ea}.version-info{flex:1;display:flex;flex-direction:column;gap:8px}.version-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.version-number{font-weight:600;font-size:15px;color:#1f2937}.version-item.final .version-number{color:#9333ea}.version-progress{font-size:14px;font-weight:600;color:#9333ea;background:#f3e8ff;padding:2px 8px;border-radius:12px}.version-details{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#6b7280}.version-date,.version-size,.version-rows{display:flex;align-items:center;gap:4px}.btn-download{background:#9333ea;color:#fff;border:none;border-radius:8px;width:44px;height:44px;font-size:20px;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-download:hover{background:#7e22ce;transform:scale(1.05);box-shadow:0 4px 12px #9333ea4d}.btn-download:active{transform:scale(.98)}@media (max-width: 768px){.version-item{flex-direction:column;align-items:flex-start;gap:12px}.btn-download{width:100%;height:40px}.version-details{flex-direction:column;gap:8px}}.google-sheet-picker{padding:24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.picker-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.btn-refresh{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#e5e7eb}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#9333ea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.spinner-small{width:16px;height:16px;border:2px solid #f3f4f6;border-top-color:#9333ea;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.sheets-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.sheets-list::-webkit-scrollbar{width:8px}.sheets-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sheets-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sheets-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sheet-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.sheet-item:hover{border-color:#9333ea;background:#faf5ff;box-shadow:0 2px 12px #9333ea1a;transform:translateY(-2px)}.sheet-item.selected{border-color:#9333ea;background:linear-gradient(135deg,#faf5ff,#f3e8ff);box-shadow:0 4px 16px #9333ea33}.sheet-icon{font-size:32px;flex-shrink:0}.sheet-info{flex:1;min-width:0}.sheet-name{font-weight:600;font-size:16px;color:#1f2937;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#6b7280}.sheet-actions{display:flex;gap:8px;flex-shrink:0}.sheet-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;text-decoration:none;font-size:18px;transition:all .2s ease}.sheet-link:hover{background:#9333ea;border-color:#9333ea;color:#fff;transform:scale(1.1)}.sheet-loading{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;font-size:13px;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.empty-state p{margin:0 0 24px;color:#6b7280;font-size:14px}@media (max-width: 768px){.google-sheet-picker{padding:16px}.sheet-item{flex-direction:column;align-items:flex-start;gap:12px}.sheet-actions{width:100%;justify-content:flex-end}.sheet-meta{flex-direction:column;align-items:flex-start;gap:4px}}: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}.source-selector{display:flex;gap:0;margin:32px 0 0;border-bottom:2px solid #e5e7eb;justify-content:center}.source-btn{padding:14px 32px;border:none;background:transparent;border-bottom:3px solid transparent;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b7280;position:relative;margin-bottom:-2px;white-space:nowrap}.source-btn.active{background:transparent;color:#9333ea;border-bottom-color:#9333ea;font-weight:600}.source-btn:hover:not(.active){color:#1f2937;background:#9333ea0d}.upload-container{margin-top:32px;width:100%;max-width:600px}.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}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0;padding:15px;background:#f8fafc;border-radius:8px}.pagination-info{font-size:14px;color:#64748b;font-weight:600}.pagination-controls .btn{min-width:120px}.page-jump{display:flex;gap:8px;align-items:center}.page-input{width:80px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;text-align:center}.page-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.page-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.btn-go{min-width:60px!important;padding:8px 16px!important}@media (max-width: 768px){.pagination-controls{flex-wrap:wrap;gap:10px}.page-jump{order:4;width:100%;justify-content:center}}.sheet-selector{display:flex;align-items:center;gap:12px;margin:20px 0;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.sheet-selector-label{font-weight:600;color:#334155;font-size:14px;white-space:nowrap}.sheet-select{flex:1;padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}.sheet-select:hover{border-color:#667eea}.sheet-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sheet-select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.sheet-selector{flex-direction:column;align-items:flex-start}.sheet-select{width:100%}}