.wizard-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;justify-content:center;margin:0 auto;max-width:700px;padding:1.5rem 1rem}.step,.wizard-stepper{align-items:center;display:flex}.step{flex-direction:column;position:relative;z-index:1}.step-circle{align-items:center;background:#e2e8f0;border:2px solid #e2e8f0;color:#64748b;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;transition:all .2s ease;width:50px}.step.active .step-circle{background:#4f46e5;border-color:#4f46e5;color:#fff}.step.completed .step-circle{background:#10b981;border-color:#10b981;color:#fff}.checkmark{animation:checkmarkPop .5s ease-out;font-size:32px;font-weight:700}.step-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.step-label{align-items:center;display:flex;flex-direction:column;margin-top:12px;text-align:center}.step-number{color:#8b5cf6;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.step.active .step-number{color:#f5576c}.step.completed .step-number{color:#38ef7d}.step-title{color:#1f2937;font-size:16px;font-weight:700;margin-top:4px}.step-connector{background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:2px;height:4px;margin:0 20px 60px;position:relative;width:120px}.step-connector.completed{animation:slideIn .5s ease-out;background:linear-gradient(90deg,#11998e,#38ef7d)}@media (max-width:768px){.wizard-stepper{flex-direction:column;padding:20px}.step-connector{height:60px;margin:10px 0 10px 33px;width:4px}.step{flex-direction:row;justify-content:flex-start;width:100%}.step-label{align-items:flex-start;margin-left:20px;margin-top:0}.step-connector.completed{animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1)}}}.template-library{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:0}.app-header{background:#e8e8e8;border-bottom:1px solid #d1d5db;justify-content:space-between;padding:12px 30px}.app-header,.logo-container{align-items:center;display:flex}.logo-container{gap:12px}.logo-circle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;height:36px;width:36px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#5b6ad0;font-size:16px;font-weight:600}.logo-subtitle{color:#6b7280;font-size:10px;font-weight:400}.back-btn{align-items:center;background:#5b6ad0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#4c5bc7;box-shadow:0 4px 12px #5b6ad04d;transform:translateY(-1px)}.page-header{margin-bottom:40px;margin-top:40px;text-align:center}.page-title{color:#111827;font-family:Inter,sans-serif;font-size:48px;font-weight:700;letter-spacing:-2px;line-height:1.2;margin-bottom:0}.page-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin-top:8px}.search-section{gap:16px;justify-content:center;margin-bottom:32px;padding:0 50px}.search-bar,.search-section{align-items:center;display:flex}.search-bar{background:#fff;border:1px solid #d1d5db;border-radius:8px;gap:12px;height:48px;padding:12px 24px;transition:all .3s ease;width:840px}.search-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#9ca3af;font-size:16px}.search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:15px;outline:none}.search-input::placeholder{color:#9ca3af;font-weight:400}.add-template-btn{align-items:center;background:#6a71d8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 20px;transition:all .3s ease;white-space:nowrap}.add-template-btn:hover{background:#5a61c8;box-shadow:0 4px 12px #6a71d84d;transform:translateY(-1px)}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:40px;justify-content:center;margin-bottom:32px;padding:0 50px}.tab{border-bottom:3px solid #0000;color:#9ca3af;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:-2px;padding:12px 4px;position:relative;transition:all .3s ease}.tab:hover{color:#6b7280}.tab.active{border-bottom-color:#3b82f6;color:#111827;font-weight:600}.templates-container{margin:0 auto;max-width:100%;padding:0 50px}.empty-state{color:#6b7280;padding:80px 20px;text-align:center}.empty-state i{color:#d1d5db;font-size:64px;margin-bottom:20px}.empty-state h3{color:#374151;font-size:20px;margin-bottom:8px}.empty-state p{color:#9ca3af;font-size:15px}.empty-state-inline{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-width:400px;padding:40px 30px;text-align:center}.empty-state-inline i{color:#d1d5db;font-size:48px;margin-bottom:16px}.empty-state-inline h3{color:#374151;font-size:18px;font-weight:600;margin-bottom:6px}.empty-state-inline p{color:#9ca3af;font-size:14px;margin:0}.scroll-wrapper{display:flex;gap:20px;min-height:380px;position:relative}.scroll-btn,.scroll-wrapper{align-items:center;justify-content:center}.scroll-btn{background:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 2px 8px #3b82f626;color:#3b82f6;cursor:pointer;display:flex!important;flex-shrink:0;font-size:20px;height:48px;opacity:1!important;transition:all .25s cubic-bezier(.4,0,.2,1);visibility:visible!important;width:48px;z-index:100}.scroll-btn i{display:block;line-height:1}.scroll-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f64d;color:#fff;transform:scale(1.1)}.scroll-btn:active{box-shadow:0 2px 4px #3b82f633;transform:scale(.95)}.horizontal-scroll-container{-ms-overflow-style:none;flex:1 1;max-width:1446px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.template-row{display:flex;gap:24px;padding:10px 0}.template-card{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:270px}.template-card:hover{border-color:#9ca3af;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.add-template-card{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:408px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:270px}.add-template-card:hover{background:#3b82f605;border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.add-template-icon{color:#3b82f6;font-size:64px;transition:all .25s ease}.add-template-card:hover .add-template-icon{transform:scale(1.1)}.add-template-text{color:#374151;font-size:16px;font-weight:600;text-align:center}.template-preview{align-items:center;background:#c9c9c9;display:flex;height:340px;justify-content:center;overflow:hidden;position:relative}.template-image{display:block;height:100%;object-fit:cover;width:100%}.template-placeholder-img{object-fit:contain;padding:40px}.template-placeholder{color:#6b7280;font-size:80px}.template-footer{align-items:center;background:#fff;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.template-info{flex:1 1;min-width:0}.template-name{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-type{color:#9ca3af;font-size:12px;font-weight:400;text-transform:uppercase}.favorite-btn{align-items:center;background:#ffffffe6;border:none;border-radius:4px;bottom:8px;box-shadow:0 2px 4px #0000001a;color:#d1d5db;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:32px;z-index:5}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn.favorited,.favorite-btn:hover{background:#fff;color:#fbbf24}.favorite-btn.favorited:hover{color:#f59e0b;transform:scale(1.15)}.edit-menu-container{bottom:8px;position:absolute;right:88px;z-index:10}.edit-btn-new{align-items:center;background:#ffffffe6;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#d1d5db;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px;z-index:5}.edit-btn-new:hover{background:#fff;color:#f59e0b;transform:scale(1.1)}.edit-dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;bottom:40px;box-shadow:0 4px 16px #00000026;min-width:160px;overflow:hidden;position:absolute;right:0;z-index:20}.edit-menu-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.edit-menu-item:hover{background:#f3f4f6;color:#3b82f6}.edit-menu-item i{font-size:14px;text-align:center;width:16px}.edit-menu-item:not(:last-child){border-bottom:1px solid #f3f4f6}.delete-btn-new{align-items:center;background:#ffffffe6;border:none;border-radius:4px;bottom:8px;box-shadow:0 2px 4px #0000001a;color:#d1d5db;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;position:absolute;right:48px;transition:all .2s ease;width:32px;z-index:5}.delete-btn-new:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.modal-overlay-new{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-new{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:900px;overflow:hidden;padding:0;width:90%}.modal-header-new{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;color:#333;display:flex;justify-content:space-between;padding:24px 32px}.modal-header-new h3{color:#333;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.close-btn-new{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn-new:hover{background:#f3f4f6;color:#333}.upload-form-new{display:flex;flex-direction:column;gap:24px;padding:32px}.dropdown-section{margin-bottom:8px}.dropdown-header{align-items:center;background:#f8fbff;border:2px solid #4a90e2;border-radius:8px;cursor:pointer;display:flex;padding:14px 16px;transition:all .3s}.dropdown-header:hover{background:#f0f7ff;border-color:#357abd}.dropdown-icon{color:#4a90e2;font-size:18px;margin-right:12px}.dropdown-text{color:#333;flex:1 1;font-size:15px;font-weight:500}.dropdown-badge{background:#4a90e2;border-radius:12px;color:#fff;font-size:13px;font-weight:600;margin-right:12px;padding:2px 10px}.dropdown-arrow{color:#4a90e2;font-size:14px}.form-group-new{display:flex;flex-direction:column;gap:12px}.file-input-wrapper-new{background:#fff;border:2px dashed #d1d5db;border-radius:8px;padding:60px 40px;position:relative;text-align:center;transition:all .3s ease}.file-input-wrapper-new:hover{background:#3b82f605;border-color:#3b82f6}.file-input-wrapper-new input[type=file]{display:none}.upload-icon{color:#9ca3af;font-size:48px;margin-bottom:16px}.upload-text{color:#6b7280;font-size:14px;margin-bottom:20px}.browse-files-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.browse-files-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.selected-files{margin-top:12px}.selected-files h4{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.file-item{background:#fff;padding:12px 16px}.file-icon{color:#6b7280;font-size:20px}.file-info{flex:1 1;min-width:0}.file-name{color:#1f2937}.file-size{color:#9ca3af;font-size:12px;margin-top:2px}.remove-file-btn{background:none;border-radius:4px;color:#dc2626;height:24px;padding:0;width:24px}.remove-file-btn:hover{background:#fee2e2}.form-actions-new{display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.btn-cancel-new,.btn-format-new{border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-cancel-new{background:#f3f4f6;border:none;color:#374151}.btn-cancel-new:hover{background:#e5e7eb}.btn-format-new:hover:not(:disabled){transform:translateY(-1px)}.btn-format-new:disabled{opacity:.5}@media (max-width:1180px){.page-header{margin-bottom:20px;margin-top:20px}.page-title{font-size:32px;letter-spacing:-1px}.search-section,.tabs,.templates-container{padding-left:20px;padding-right:20px}.search-section,.tabs{margin-bottom:20px}.scroll-wrapper{min-height:320px}.add-template-card,.template-card{width:220px}.add-template-card{height:344px}.template-preview{height:276px}.horizontal-scroll-container{max-width:1196px}}@media (max-width:768px){.template-library{padding:30px 40px}.page-title{font-size:28px}.scroll-btn-left,.scroll-btn-right{font-size:16px;height:40px;width:40px}.template-card{width:240px}}@media (max-width:480px){.template-library{padding:20px}.page-title{font-size:24px}.search-section{flex-direction:column;gap:12px}.search-bar{max-width:100%}.scroll-btn-left,.scroll-btn-right{font-size:14px;height:36px;width:36px}.template-card{width:200px}.template-preview{height:260px}}.rename-modal{max-width:500px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.text-input-new{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:Inter,sans-serif;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.text-input-new:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.text-input-new::placeholder{color:#9ca3af}.editor-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.editor-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.editor-modal-fullscreen{height:95vh;max-height:95vh;max-width:95vw;width:95vw}.editor-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;padding:16px 24px}.editor-title{font-size:18px;font-weight:600;gap:12px}.editor-title i{font-size:20px}.editor-actions{align-items:center;gap:12px}.loading-indicator{animation:pulse 2s ease-in-out infinite;color:#ffffffe6;font-size:14px}.btn-save{align-items:center;background:#fff;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#f0f0f0;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.5}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;line-height:1;transition:all .2s ease;width:32px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.editor-body{background:#f5f5f5;flex:1 1;overflow:hidden;position:relative}.editor-loading{background:#fff;bottom:0;justify-content:center;left:0;right:0;top:0}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#667eea;height:48px;width:48px}.editor-loading p{font-size:16px}.onlyoffice-container{background:#fff;height:100%;width:100%}.editor-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 24px}.editor-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.editor-info i{color:#667eea}.editor-error{padding:24px;text-align:center}.editor-error p{color:#ef4444;font-size:16px;margin-bottom:24px}.error-help{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.error-help h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.error-help ol{margin:0;padding-left:20px}.error-help li{color:#6b7280;font-size:14px;margin:8px 0}.error-help code{background:#1f2937;border-radius:4px;color:#10b981;font-family:Courier New,monospace;font-size:13px;padding:2px 8px}.btn-primary{background:#667eea;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.dark-mode .editor-modal{background:#1f2937;color:#fff}.dark-mode .editor-body{background:#111827}.dark-mode .editor-footer{background:#1f2937;border-top-color:#374151}.dark-mode .editor-error{color:#f3f4f6}.dark-mode .error-help{background:#111827;border-color:#374151}.skill-matrix-accordion{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden}.skill-matrix-toggle{align-items:center;background:#f8fafc;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px;transition:background .15s ease;width:100%}.skill-matrix-toggle:hover{background:#f1f5f9}.skill-matrix-toggle-label{align-items:center;display:flex;gap:8px}.skill-matrix-toggle-label i{color:#6366f1;font-size:13px}.skill-matrix-count{background:#6366f1;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:2px;padding:1px 7px}.skill-matrix-chevron{color:#9ca3af;font-size:12px;transition:transform .2s ease}.skill-matrix-chevron.expanded{transform:rotate(180deg)}.skill-matrix-body{border-top:1px solid #e2e8f0}.resume-upload-phase{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:100vh;min-height:100vh;overflow-y:auto;padding:0;position:relative;scroll-behavior:smooth}.resume-upload-phase::-webkit-scrollbar{width:10px}.resume-upload-phase::-webkit-scrollbar-track{background:#f9fafb}.resume-upload-phase::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.resume-upload-phase::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-arrows-container{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:12px 40px}.nav-arrow-left,.nav-arrow-right{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.nav-arrow-left:hover:not(:disabled),.nav-arrow-right:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}.nav-arrow-left:disabled,.nav-arrow-right:disabled{background:#9ca3af;cursor:not-allowed;opacity:.5}.upload-content-container{margin:0 auto;max-width:1300px;padding:0 20px 100px}.cai-dropdown-wrapper{display:flex;justify-content:flex-start;margin-bottom:12px;position:relative}.cai-dropdown-toggle-new{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;position:relative;transition:all .2s ease}.cai-dropdown-toggle-new:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f626}.cai-dropdown-toggle-new i.fa-users{color:#374151;font-size:16px}.dropdown-label{flex:1 1}.contact-badge{background:#f3f4f6;border-radius:12px;color:#374151;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.dropdown-arrow-icon{color:#6b7280;font-size:12px;transition:transform .2s ease}.dropdown-arrow-icon.open{transform:rotate(180deg)}.cai-dropdown-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001f;left:0;margin-top:8px;max-width:450px;min-width:350px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-panel-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.dropdown-panel-header span{color:#1f2937;font-size:14px;font-weight:600}.add-contact-btn-new{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.add-contact-btn-new:hover{background:#2563eb}.cai-contacts-list-new{max-height:300px;overflow-y:auto}.cai-contact-item-new{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.cai-contact-item-new:hover{background:#3b82f60d}.cai-contact-item-new.selected{background:#ede9fe}.contact-checkbox-new{cursor:pointer;flex-shrink:0;height:18px;width:18px}.contact-info-new{cursor:pointer;flex:1 1;min-width:0}.contact-name-new{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.contact-details-new{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-actions-new{display:flex;flex-shrink:0;gap:8px}.contact-delete-btn,.contact-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s ease}.contact-edit-btn{color:#3b82f6}.contact-edit-btn:hover{background:#3b82f61a;color:#2563eb}.contact-delete-btn{color:#dc2626}.contact-delete-btn:hover{background:#fee2e2;color:#b91c1c}.no-contacts-message-new{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.upload-container-new{margin:0 auto 16px;max-width:100%;width:1300px}.dropzone-new{align-items:center;background:#e5ebf4;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center;transition:all .3s ease}.dropzone-new:hover{background:#dbe3f0;border-color:#3b82f6}.dropzone-new.dragging{background:#d1dce9;border-color:#3b82f6;transform:scale(1.01)}.cloud-icon{margin-bottom:12px}.cloud-icon i{color:#3b82f6;font-size:40px}.dropzone-text-primary{color:#1f2937;font-size:14px;font-weight:400;line-height:1.4;margin-bottom:6px}.highlight-text{color:#1f2937;font-weight:600}.dropzone-text-secondary{color:#6b7280;font-size:12px;margin-bottom:14px}.upload-button-new{background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s ease}.upload-button-new:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.uploaded-files-new{counter-reset:file-counter;display:flex;flex-direction:column;gap:8px;margin:0 auto 16px;max-width:100%;width:1300px}.file-item-new{border:1px solid #e5e7eb;border-radius:8px;counter-increment:file-counter;gap:12px;height:50px;padding:0 16px;transition:all .2s ease}.file-item-new,.file-item-new:before{align-items:center;background:#fff;display:flex}.file-item-new:before{color:#374151;content:counter(file-counter);flex-shrink:0;font-size:16px;font-weight:600;height:28px;justify-content:center;width:28px}.file-item-new:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.file-icon-new{color:#374151;flex-shrink:0;font-size:24px}.file-name-new{color:#1f2937;flex:1 1;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn-new{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:400;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.remove-file-btn-new:hover{background:#f3f4f6;color:#dc2626}.bottom-action-bar{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;gap:12px;justify-content:flex-start;left:0;padding:14px 40px;position:fixed;right:0;z-index:1000}.btn-format-new{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 28px;transition:all .2s ease}.btn-format-new:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-format-new:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-cancel-new{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 28px;transition:all .2s ease}.btn-cancel-new:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.spinner-new{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.nav-button{align-items:center;background:#fff;border:2px solid #6a71d8;border-radius:4px;color:#6a71d8;cursor:pointer;display:flex;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;height:40px;justify-content:center;position:fixed;transition:all .3s ease;width:87px;z-index:100}.nav-back{left:28px;top:22px}.nav-next{right:28px;top:22px}.nav-button:hover{background:#6a71d81a}.nav-arrow,.nav-text{font-size:16px}.step-progress-container{align-items:center;display:flex;height:83px;justify-content:center;left:50%;position:fixed;top:0;transform:translateX(-50%);width:545px;z-index:50}.step-progress{align-items:center;display:flex;height:32px;justify-content:space-between;position:relative;width:100%}.step-line{background:#c9c9c9;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.step-line.step-line-1{left:32px;width:201px}.step-line.step-line-2{left:296px;width:201px}.step-line.step-line-1.active,.step-line.step-line-2.active{background:#6a71d8}.step-circle{background:#d9dada;border-radius:50%;flex-shrink:0;height:32px;width:32px;z-index:1}.step-circle.active{background:#6a71d8}.cai-contacts-header{background:#fff;border-radius:16px;box-shadow:0 10px 40px 0 #74767733;display:flex;flex-direction:column;gap:16px;left:50%;min-height:76px;padding:24px;position:fixed;top:81px;transform:translateX(-50%);transition:all .3s ease;width:828px;z-index:40}.cai-header-top{align-items:center;display:flex;gap:16px;justify-content:space-between;position:relative}.cai-header-left{flex:1 1;gap:12px}.cai-header-left,.cai-logo{align-items:center;display:flex}.cai-logo{background:#6a71d8;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:42px;justify-content:center;width:43px}.cai-heading{color:#000;flex:1 1;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;line-height:normal;text-align:left}.cai-dropdown-toggle{align-items:center;background:#fff;border:2px solid #6a71d8;border-radius:8px;color:#6a71d8;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.cai-dropdown-toggle:hover{background:#6a71d80d}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.cai-dropdown-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.cai-dropdown-content.open{max-height:300px;overflow-y:auto}.cai-contacts-list{display:flex;flex-direction:column;gap:8px;padding:12px 0}.cai-contact-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.cai-contact-item:hover{background:#f3f4f6;border-color:#6a71d84d}.cai-contact-item.selected{background:#6a71d81a;border-color:#6a71d8}.contact-checkbox{accent-color:#6a71d8;cursor:pointer;height:20px;width:20px}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-name{color:#1f2937;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.contact-details{font-size:12px}.contact-details,.no-contacts-message{color:#6b7280;font-family:Inter,sans-serif}.no-contacts-message{font-size:14px;padding:20px;text-align:center}.add-contact-btn{background:#fff;border:2px solid #6a71d8;border-radius:7px;box-shadow:0 4px 12px 0 #0000001a;cursor:pointer;height:38px;padding:8px 16px;transition:all .2s ease;width:124px}.add-contact-btn span{color:#6a71d8;font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-align:center}.add-contact-btn:hover{background:#6a71d80d}.upload-container{background:#fafbfd;border-radius:30px;box-shadow:0 10px 40px 0 #74767733;height:261px;left:50%;position:fixed;top:180px;transform:translateX(-50%);transition:top .3s ease;width:828px}.upload-container.dropdown-open{top:500px}.upload-overlay{background:#fffc;border-radius:24px;box-shadow:0 2px 20px 0 #0000001a;height:227px;left:25px;width:780px}.dropzone,.upload-overlay{position:absolute;top:18px}.dropzone{align-items:center;background:#0000;border:1px solid #60696c;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:131px;justify-content:center;left:24px;transition:all .2s ease;width:732px}.dropzone.dragging,.dropzone:hover{background:#6a71d80d;border-color:#6a71d8}.dropzone-content{padding:20px;text-align:center}.dropzone-content h3{color:#384347;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 8px;text-align:center}.upload-button{background:#6a71d8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;height:40px;line-height:22px;text-align:center;transition:all .2s ease;width:148px}.upload-button:hover{background:#6067ce}.format-button-container{align-items:flex-start;background:linear-gradient(0deg,#fff,#fff);bottom:16px;display:flex;height:52px;justify-content:center;left:50%;padding:8px 0 16px;position:absolute;transform:translateX(-50%);width:638px}.btn-format{background:#6a71d8;border:none;border-radius:4px;box-shadow:0 6px 20px 0 #667eea66;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:700;height:40px;line-height:normal;opacity:.7;text-align:center;transition:all .3s ease;width:219px}.btn-format.active{cursor:pointer;opacity:1}.btn-format.active:hover{background:#6067ce;box-shadow:0 8px 24px 0 #667eea80}.btn-format:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.ai-detection-banner,.help-section,.phase-header,.selected-template-info,input[type=file]{display:none}.uploaded-files{background:#fff;border-radius:16px;box-shadow:0 4px 16px 0 #74767726;left:50%;max-height:calc(100vh - 520px);overflow-y:auto;padding:20px;position:fixed;top:460px;transform:translateX(-50%);width:780px}.files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.files-header h3{color:#000;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0}.clear-all-btn{background:#0000;border:1px solid #dc2626;border-radius:4px;color:#dc2626;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.clear-all-btn:hover{background:#dc2626;color:#fff}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{background:#f9fafb;border:1px solid #e5e7eb;gap:12px;padding:12px;transition:all .2s ease}.file-item:hover{background:#f3f4f6;border-color:#6a71d8}.file-item.selected{background:#6a71d81a;border-color:#6a71d8}.file-checkbox{flex-shrink:0}.file-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.file-icon{flex-shrink:0;font-size:24px}.file-details{flex:1 1;min-width:0}.file-name{color:#000;font-family:Inter,sans-serif;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{gap:12px;margin-top:4px}.file-size,.file-type{color:#6b7280;font-family:Inter,sans-serif;font-size:12px}.file-status{align-items:center;display:flex;gap:4px;margin-top:4px}.status-icon{font-size:12px}.status-text{color:#6b7280;font-family:Inter,sans-serif;font-size:11px}.remove-file-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:300;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-file-btn:hover{background:#ef44441a;color:#dc2626}.batch-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin:-20px -20px 16px;padding:8px 12px}.toolbar-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.toolbar-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.toolbar-spacer{flex:1 1}.upload-progress-text{color:#6b7280;font-family:Inter,sans-serif;font-size:12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #74767733;max-width:500px;padding:24px;width:90%}.modal-header{color:#000;font-family:Inter,sans-serif;font-size:20px;font-weight:700;margin-bottom:20px}.modal-body{gap:16px}.form-row,.modal-body{display:flex;flex-direction:column}.form-row{gap:8px}.form-row label{font-weight:600}.form-row input,.form-row label{color:#384347;font-family:Inter,sans-serif;font-size:14px}.form-row input{background:#fff;border:1px solid #60696c;border-radius:10px;padding:10px 14px;transition:all .2s ease}.form-row input:focus{border-color:#6a71d8;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-primary,.btn-secondary{border-radius:4px;cursor:pointer;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#fff;border:2px solid #6a71d8;color:#6a71d8}.btn-secondary:hover{background:#6a71d81a}.btn-primary{background:#6a71d8;border:none;color:#fff}.btn-primary:hover:not(:disabled){background:#6067ce}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.confirm-modal{max-width:480px}.confirm-description{color:#384347;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0 0 12px}.confirm-contact-card{background:#6a71d80f;border:1px solid #6a71d833;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.confirm-contact-card+.confirm-contact-card{margin-top:10px}.confirm-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.confirm-card-title{color:#6a71d8cc;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.confirm-card-title,.confirm-edit-btn{font-family:Inter,sans-serif;font-size:12px}.confirm-edit-btn{align-items:center;background:none;border:1px solid #6a71d866;border-radius:6px;color:#6a71d8;cursor:pointer;display:flex;font-weight:500;gap:4px;padding:3px 10px;transition:all .15s ease}.confirm-edit-btn:hover{background:#6a71d81a;border-color:#6a71d8b3}.confirm-contact-row{align-items:center;display:flex;gap:12px}.confirm-label{color:#60696c;font-family:Inter,sans-serif;font-size:13px;font-weight:600;min-width:50px}.confirm-value{color:#000000de;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.confirm-actions{flex-wrap:wrap}.action-buttons{display:none}@media (max-width:1024px){.cai-contacts-header,.step-progress-container,.upload-container{width:90%}.uploaded-files{width:85%}}@media (max-width:768px){.nav-button{font-size:14px;width:70px}.step-progress-container{width:95%}.cai-contacts-header{padding:16px 12px;width:95%}.cai-heading{font-size:18px}.add-contact-btn{right:20px;width:100px}.upload-container{height:auto;width:95%}.uploaded-files{width:90%}}.cai-contact-manager{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;margin-bottom:24px;padding:24px}.cai-header{justify-content:space-between;margin-bottom:20px}.cai-header,.cai-title{align-items:center;display:flex}.cai-title{gap:12px}.cai-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.cai-title h3{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000001a}.cai-add-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.cai-add-btn:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.cai-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.cai-form-card h4{color:#667eea;font-size:18px;margin:0 0 16px}.cai-form-group{margin-bottom:16px}.cai-form-group label{color:#4a5568;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.cai-form-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px;transition:all .3s ease;width:100%}.cai-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.cai-form-actions{display:flex;gap:12px;margin-top:20px}.cai-btn-cancel,.cai-btn-save{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.cai-btn-cancel{background:#f7fafc;color:#4a5568}.cai-btn-cancel:hover{background:#edf2f7}.cai-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cai-btn-save:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.cai-contacts-list{grid-gap:12px;display:grid;gap:12px;max-height:400px;overflow-y:auto;padding-right:4px}.cai-contacts-list::-webkit-scrollbar{width:6px}.cai-contacts-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.cai-contacts-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.cai-contacts-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.cai-contact-card{background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:16px;transition:all .3s ease}.cai-contact-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.cai-contact-card.selected{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#48bb78;position:relative}.cai-contact-card.selected:after{align-items:center;background:#48bb78;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.cai-contact-card.default{border-color:#f6ad55}.contact-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.contact-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.contact-info{flex:1 1;min-width:0}.contact-info h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.default-badge{background:linear-gradient(135deg,#f6ad55,#ed8936);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.contact-actions{display:flex;gap:6px}.action-btn{align-items:center;background:#f7fafc;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{transform:scale(1.1)}.action-btn.edit:hover{background:#bee3f8}.action-btn.star:hover{background:#feebc8}.action-btn.delete:hover{background:#fed7d7}.contact-details{display:flex;flex-direction:column;gap:8px;padding-left:60px}.detail-item{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.detail-icon{font-size:16px}.cai-empty-state{background:#fff;border-radius:12px;color:#718096;padding:40px 20px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.cai-empty-state p{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.cai-empty-state small{color:#a0aec0;font-size:14px}@media (max-width:768px){.cai-contact-manager{padding:16px}.cai-header{align-items:stretch;flex-direction:column;gap:12px}.cai-add-btn{width:100%}.contact-details{margin-top:12px;padding-left:0}}.skill-matrix-container{animation:slideIn .3s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;margin-bottom:10px;max-height:450px;padding:12px}.skill-matrix-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:8px;margin-bottom:8px;padding-bottom:8px}.skill-matrix-header i{color:#3b82f6;font-size:15px}.skill-matrix-header h3{color:#111827;flex:1 1;font-size:14px;font-weight:700;margin:0}.skill-count{background:#3b82f6;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.skill-input-mode-tabs{background:#f9fafb;border-radius:8px;display:flex;flex-shrink:0;gap:6px;margin-bottom:10px;padding:3px}.mode-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:6px 12px;transition:all .2s ease}.mode-tab:hover{background:#e5e7eb;color:#374151}.mode-tab.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#3b82f6}.mode-tab i{font-size:12px}.write-skill-section{flex-shrink:0;margin-bottom:10px;position:relative}.write-skill-input-wrapper{display:flex;gap:6px;margin-bottom:6px}.write-skill-input{border:1px solid #e5e7eb;border-radius:6px;color:#374151;flex:1 1;font-size:12px;font-weight:500;padding:7px 10px;transition:all .2s ease}.write-skill-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.add-skill-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.add-skill-btn:hover:not(:disabled){background:#2563eb}.add-skill-btn:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.skill-suggestions{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 3px 12px #0000001a;left:0;max-height:180px;overflow-y:auto;position:absolute;right:68px;top:36px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#eff6ff;color:#3b82f6}.suggestion-item i{color:#fbbf24;font-size:11px}.skill-input-help{align-items:center;background:#f9fafb;border-radius:5px;color:#6b7280;display:flex;font-size:10px;gap:5px;padding:4px 8px}.skill-input-help i{color:#3b82f6;font-size:10px}.bulk-paste-section{flex-shrink:0;margin-bottom:10px}.bulk-paste-area{margin-bottom:8px}.bulk-paste-textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;min-height:150px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.bulk-paste-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bulk-paste-textarea::placeholder{color:#9ca3af;font-size:11px;line-height:1.5}.add-bulk-skills-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-bottom:8px;padding:10px;transition:all .2s ease;width:100%}.add-bulk-skills-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.add-bulk-skills-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.bulk-paste-help{align-items:flex-start;background:#f9fafb;border-radius:6px;color:#6b7280;display:flex;font-size:10px;gap:6px;padding:8px}.bulk-paste-help i{flex-shrink:0;margin-top:2px}.bulk-paste-help div{flex:1 1}.bulk-paste-help strong{color:#374151;display:block;margin-bottom:4px}.bulk-paste-help ul{list-style-type:disc;margin:4px 0 0 12px;padding:0}.bulk-paste-help li{margin:2px 0}.upload-skill-section{flex-shrink:0;margin-bottom:10px}.upload-skill-area{margin-bottom:6px}.upload-skill-label{align-items:center;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:14px;text-align:center;transition:all .2s ease}.upload-skill-label:hover{background:#eff6ff;border-color:#3b82f6}.upload-skill-label i{color:#3b82f6;font-size:22px}.upload-skill-label span{color:#374151;font-size:12px;font-weight:600}.upload-skill-help,.upload-skill-label small{color:#6b7280;font-size:10px}.upload-skill-help{align-items:flex-start;background:#f9fafb;border-radius:6px;display:flex;gap:6px;padding:6px 8px}.upload-skill-help i{color:#3b82f6;font-size:10px;margin-top:1px}.upload-skill-help ul{margin:2px 0 0;padding-left:16px}.upload-skill-help code{background:#e5e7eb;border-radius:3px;font-family:monospace;font-size:9px;padding:1px 3px}.skills-list{background:#f9fafb;border-radius:6px;flex:1 1;margin-bottom:8px;max-height:220px;min-height:0;overflow-y:auto;padding:6px}.skills-list::-webkit-scrollbar{width:6px}.skills-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.skills-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.skills-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.skills-list-header{grid-gap:8px;background:#e5e7eb;border-radius:5px;color:#374151;display:grid;font-size:11px;font-weight:700;gap:8px;grid-template-columns:30px 1fr 120px 65px 35px;margin-bottom:4px;padding:6px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-status{text-align:center;width:30px}.header-skill{text-align:left}.header-level,.header-years{text-align:center}.header-actions{width:40px}.skill-list-item{grid-gap:8px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:5px;display:grid;gap:8px;grid-template-columns:30px 1fr 120px 65px 35px;margin-bottom:3px;padding:6px 8px;transition:all .2s ease}.skill-list-item.matched{background-color:#f0fdf4;border-color:#86efac}.skill-list-item.not-matched{background-color:#fef2f2;border-color:#fecaca}.skill-status{align-items:center;display:flex;font-size:14px;justify-content:center}.skill-found-as{color:#6b7280;font-size:9px;font-style:italic;font-weight:400}.skill-list-item:hover{border-color:#cbd5e1;box-shadow:0 1px 4px #0000000d}.skill-name{color:#111827;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-level-compact{display:flex;justify-content:center}.level-select{background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#374151;cursor:pointer;font-size:11px;font-weight:500;padding:4px 6px;transition:all .2s ease;width:100%}.level-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614;outline:none}.level-select:hover{border-color:#cbd5e1}.skill-years{display:flex;justify-content:center}.years-input{border:1px solid #e5e7eb;border-radius:5px;color:#374151;font-size:11px;font-weight:500;padding:4px 6px;text-align:center;transition:all .2s ease;width:100%}.years-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f614;outline:none}.years-input:hover{border-color:#cbd5e1}.years-input::-webkit-inner-spin-button,.years-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.years-input[type=number]{-moz-appearance:textfield}.remove-skill-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.remove-skill-btn:hover{background:#fee2e2;transform:scale(1.05)}.remove-skill-btn i{font-size:11px}.no-skills-message{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px;padding:16px;text-align:center}.skill-matrix-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:flex-end;padding-top:8px}.clear-all-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease}.clear-all-btn:hover{background:#fee2e2;box-shadow:0 1px 4px #ef444426}@media (max-width:768px){.skill-matrix-container{max-height:400px}.skill-input-mode-tabs{flex-direction:row}.mode-tab{font-size:11px;padding:5px 10px}.write-skill-input-wrapper{flex-direction:column}.add-skill-btn{width:100%}.skill-suggestions{right:0}.skills-list{max-height:180px}.skill-list-item,.skills-list-header{font-size:10px;gap:6px;grid-template-columns:1fr 100px 55px 30px}.skill-name{font-size:11px}.level-select,.years-input{font-size:10px;padding:3px 5px}}@media (max-width:480px){.skill-matrix-container{max-height:380px;padding:10px}.skills-list{max-height:160px}.skill-list-item,.skills-list-header{gap:6px;grid-template-columns:1fr}.skill-list-item{padding:8px}.skill-name{font-size:12px;margin-bottom:4px}.skill-level-compact,.skill-years{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:70px 1fr}.skill-level-compact:before{color:#6b7280;content:"Level:";font-size:10px;font-weight:600}.skill-years:before{color:#6b7280;content:"Years:";font-size:10px;font-weight:600}.remove-skill-btn{position:absolute;right:8px;top:8px}.skill-list-item{position:relative}.skills-list-header{display:none}.upload-skill-label{padding:12px}.upload-skill-label i{font-size:18px}}.download-phase-v2{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.resume-tabs-row{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;padding:20px 40px}.back-button-circular{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.back-button-circular:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}.tabs-container{align-items:center;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.resume-tab{background:#f3f4f6;border:none;border-radius:24px;color:#374151;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.resume-tab:hover{background:#e5e7eb;color:#1f2937}.resume-tab.active{background:#3b82f6;box-shadow:0 2px 6px #3b82f64d;color:#fff;font-weight:600}.format-btn-new{background:#3b82f6;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff}.format-btn-new:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.top-nav-bar-new{background-color:#667eea;box-shadow:0 2px 8px #0000001a;flex-shrink:0;gap:16px;padding:12px 24px;z-index:100}.file-tabs-wrapper,.top-nav-bar-new{align-items:center;display:flex}.file-tabs-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.file-tabs-scroll::-webkit-scrollbar{height:6px}.file-tabs-scroll::-webkit-scrollbar-track{background:#0000}.file-tabs-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.file-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#fff6}.file-tab-pill{border:none;box-shadow:0 2px 4px #0000001a;color:#1f2937;font-size:14px;font-weight:500;gap:10px;padding:8px 16px 8px 20px}.file-tab-pill:hover{background:#e5e7eb;box-shadow:0 4px 8px #00000026}.file-tab-pill.active{background:#fff;box-shadow:0 4px 12px #0003}.tab-pill-text{flex:1 1}.tab-download-icon{background:#0000;color:#6b7280;font-size:14px;padding:4px 6px}.tab-download-icon:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.format-btn-new{background:#fffffff2;border:none;border-radius:6px;box-shadow:0 2px 6px #00000026;color:#667eea;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.format-btn-new:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.main-content-new{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:40px 20px}.main-content-new.editor-mode{align-items:stretch;padding:0}.success-panel-container{width:100%}.success-panel,.success-panel-container{align-items:center;display:flex;justify-content:center}.success-panel{background:#d1f4e0;border-radius:16px;box-shadow:0 4px 20px #00000014;height:450px;max-width:100%;width:1300px}.success-content{flex-direction:column;text-align:center}.success-content,.success-icon-circle{align-items:center;display:flex;justify-content:center}.success-icon-circle{animation:successPop .6s ease-out;background:#10b981;border-radius:50%;height:80px;margin-bottom:30px;width:80px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon-circle i{color:#fff;font-size:40px}.success-title{animation:fadeInUp .6s ease-out .2s both;font-size:32px;margin-bottom:16px}.success-subtitle{animation:fadeInUp .6s ease-out .4s both;font-size:16px;font-weight:400;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-container-new{background:#fff;height:calc(100vh - 89px);position:relative;width:100%}.editor-loader-new{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loader-spinner-new{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loader-text-new{color:#6b7280;font-size:14px;font-weight:500;margin-top:20px}.onlyoffice-editor-wrapper{height:100%;width:100%}@media (max-width:768px){.top-nav-bar-new{gap:12px;padding:10px 16px}.file-tab-pill{font-size:13px;padding:6px 16px}.format-btn-new{font-size:13px;padding:8px 16px}.success-panel{height:400px;padding:40px 24px}.success-icon-circle{height:60px;width:60px}.success-icon-circle i{font-size:30px}.success-title{font-size:28px}.success-subtitle{font-size:14px}}.download-phase{background:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow:hidden}.compact-top-bar{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f133;flex-shrink:0;justify-content:space-between;padding:12px 24px;z-index:10}.compact-top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:16px}.success-indicator{align-items:center;display:flex;gap:12px}.success-icon{align-items:center;animation:successPulse 2s infinite;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;width:36px}@keyframes successPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.success-text{display:flex;flex-direction:column;gap:2px}.success-title{color:#064e3b!important;font-size:16px;font-weight:700}.success-subtitle{color:#065f46!important;font-size:12px;font-weight:500}.top-bar-actions{display:flex;gap:10px}.compact-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.compact-btn span{font-size:14px}.download-all-btn{background:#fffffff2;color:#6366f1}.download-all-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026}.start-over-btn{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.start-over-btn:hover{background:#ffffff40;border-color:#ffffff80}.main-content-layout{display:flex;flex:1 1;min-height:0;overflow:hidden}.compact-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;width:280px}.sidebar-header{background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid #e5e7eb;padding:16px}.sidebar-header h3{color:#374151;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.files-list{flex:1 1;overflow-y:auto;padding:8px}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:#fff}.files-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.files-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.file-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:10px;transition:all .2s}.file-item:hover{background:#fff;border-color:#e5e7eb}.file-item.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;box-shadow:0 1px 3px #6366f11a}.file-item-icon{flex-shrink:0;font-size:24px}.file-item-info{flex:1 1;min-width:0}.file-item-name{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-meta{align-items:center;display:flex;gap:6px}.file-badge{background:#eef2ff;border-radius:4px;color:#6366f1;font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.file-status{color:#10b981;font-size:12px}.file-download-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.6;padding:6px;transition:all .2s}.file-download-btn:hover{background:#f3f4f6;opacity:1;transform:scale(1.1)}.file-item.active .file-download-btn:hover{background:#ddd6fe}.editor-area{background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:0}.editor-placeholder{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);display:flex;flex:1 1;justify-content:center}.placeholder-content{max-width:500px;padding:40px;text-align:center}.placeholder-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-content h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 12px}.placeholder-content p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 32px}.placeholder-features{align-items:center;display:flex;flex-direction:column;gap:12px}.feature-item{box-shadow:0 1px 3px #0000000d;color:#374151;min-width:250px;padding:12px 24px}.editor-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.editor-header{background:linear-gradient(90deg,#fff,#fff);border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;padding:12px 20px}.editor-header,.editor-title{align-items:center;display:flex}.editor-title{gap:10px}.edit-icon{font-size:18px}.editing-file{color:#1f2937;font-size:14px;font-weight:600}.live-badge{animation:livePulse 2s infinite;background:#d1fae5;border-radius:12px;color:#10b981;font-size:11px;font-weight:600;padding:3px 8px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.editor-actions{display:flex;gap:8px}.editor-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s}.download-btn-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.download-btn-header:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.close-btn{background:#f3f4f6;color:#6b7280;height:28px;justify-content:center;padding:0;width:28px}.close-btn:hover{background:#e5e7eb;color:#374151}.editor-workspace{background:#fff;flex:1 1;min-height:0;overflow:hidden;position:relative}.editor-loading{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{border-top-color:#6366f1}.editor-loading p{color:#6b7280;font-size:14px;font-weight:500}.onlyoffice-editor-container{width:100%}@media (max-width:1024px){.compact-sidebar{width:240px}.file-item-name{font-size:12px}}@media (max-width:768px){.compact-top-bar{flex-direction:column;gap:12px;padding:12px 16px}.top-bar-actions{justify-content:space-between;width:100%}.compact-btn{flex:1 1}.compact-sidebar{width:200px}.success-title{font-size:14px}.success-subtitle{font-size:11px}}.download-phase-v2{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.App.dark-mode .download-phase-v2{background:#0f172a}.status-bar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f126;display:flex;gap:16px;left:0;padding:12px 20px;position:fixed;right:0;top:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.status-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.back-button-header{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;padding:10px 14px;transition:all .2s ease;width:44px}.back-button-header:hover{background:#ffffff4d;transform:translateX(-2px)}.back-button-header i{font-size:18px}.tabs-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.formatted-label{color:#fff;flex-shrink:0;font-size:18px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.file-tabs-wrapper{flex:1 1;min-width:0;overflow:hidden}.file-tabs-container{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.file-tabs-container::-webkit-scrollbar{height:6px}.file-tabs-container::-webkit-scrollbar-track{background:#0000}.file-tabs-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.file-tabs-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.file-tab-pill{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.file-tab-pill:hover{box-shadow:0 3px 8px #0003;transform:translateY(-2px)}.file-tab-pill.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600}.format-btn{background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.format-btn:hover{background:#fff;box-shadow:0 4px 8px #00000026;color:#6366f1;transform:translateY(-1px)}.file-tab-pill:hover{background:#e0e7ff;border-color:#c7d2fe;box-shadow:0 2px 6px #6366f126;transform:translateY(-1px)}.file-tab-pill.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.tab-pill-text{cursor:pointer;font-size:13px;font-weight:600}.file-tab-pill.active .tab-pill-text{color:#fff}.tab-download-icon{align-items:center;background:none;border:none;border-radius:4px;color:#6366f1;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.tab-download-icon:hover{background:#6366f11a;color:#4f46e5}.file-tab-pill.active .tab-download-icon{color:#fff}.file-tab-pill.active .tab-download-icon:hover{background:#fff3;color:#fff}.status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:flex;gap:6px;padding:4px 12px}.status-badge.success{background:#10b9814d}.badge-icon{font-size:14px;font-weight:700}.badge-text{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-info{align-items:baseline;color:#fff;display:flex;gap:6px}.info-count{font-size:18px;font-weight:700}.info-label{font-size:12px;font-weight:500;opacity:.9}.status-actions{display:flex;gap:8px}.status-btn{align-items:center;background:#fffffff2;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.status-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.status-btn.secondary{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.status-btn.secondary:hover{background:#ffffff40}.btn-icon{font-size:14px}.btn-label{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.file-tabs-bar{background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding:0;position:-webkit-sticky;position:sticky;top:48px;transition:transform .3s ease,opacity .3s ease,top .3s ease;z-index:99}.file-tabs-bar.hidden{opacity:0;pointer-events:none;top:0;transform:translateY(-100%)}.tabs-hint-banner{align-items:center;animation:bannerPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-bottom:1px solid #c7d2fe;display:flex;gap:8px;justify-content:center;padding:8px 20px}@keyframes bannerPulse{0%,to{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}50%{background:linear-gradient(135deg,#ddd6fe,#c7d2fe)}}.hint-icon{animation:bounce 1s ease-in-out infinite;font-size:18px}.hint-text{color:#6366f1;font-size:13px;font-weight:600}.tabs-container{padding:0 16px}.App.dark-mode .file-tabs-bar{background:#1e293b;border-bottom:2px solid #334155}.file-tabs-bar::-webkit-scrollbar{height:4px}.file-tabs-bar::-webkit-scrollbar-track{background:#fff}.file-tabs-bar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.tabs-container-old-remove-this{display:flex;gap:4px;min-width:-webkit-min-content;min-width:min-content}.file-tab{align-items:center;background:#0000;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;cursor:pointer;display:flex;gap:10px;min-width:200px;padding:12px 16px;position:relative;transition:all .3s ease}.file-tab:hover{background:linear-gradient(180deg,#fff,#f3f4f6);border-bottom-color:#9ca3af;box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.file-tab:hover .click-hint{opacity:1;transform:translateY(0)}.file-tab.active{background:linear-gradient(180deg,#eef2ff,#e0e7ff);border-bottom-color:#6366f1;box-shadow:0 2px 12px #6366f126}.file-tab.active .click-hint{display:none}.file-tab.active:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0}.tab-icon-wrapper{flex-shrink:0;position:relative}.tab-icon{font-size:24px}.click-indicator{animation:indicatorPulse 1.5s ease-in-out infinite;font-size:14px;opacity:0;position:absolute;right:-8px;top:-8px}.file-tab.pulse-animation .click-indicator{opacity:1}@keyframes indicatorPulse{0%,to{opacity:.7;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-3px)}}.file-tab.pulse-animation{animation:tabPulse 2s ease-in-out infinite}@keyframes tabPulse{0%,to{box-shadow:0 0 0 0 #6366f100}50%{box-shadow:0 0 0 4px #6366f14d}}.tab-content{flex:1 1;min-width:0}.tab-name-wrapper{position:relative}.tab-name{color:#1f2937;font-size:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.tab-name,.tab-subtitle{font-weight:600;white-space:nowrap}.tab-subtitle{color:#6366f1;font-size:10px;opacity:.7}.file-tab:hover .tab-subtitle{color:#4f46e5;opacity:1}.file-tab.active .tab-name{color:#6366f1}.tab-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.file-tab.active .tab-badge{background:#ddd6fe;color:#6366f1}.tab-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.file-tab.active .tab-actions,.file-tab:hover .tab-actions{opacity:1}.tab-download{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s}.tab-download:hover{background:#f3f4f6;color:#6366f1;transform:scale(1.1)}.editor-workspace-v2{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;transition:height .3s ease}.status-bar.hidden~.file-tabs-bar.hidden~.editor-workspace-v2{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:98}.welcome-screen{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6);display:flex;flex:1 1;justify-content:center;padding:40px}.App.dark-mode .welcome-screen{background:linear-gradient(135deg,#0f172a,#1e293b)}.welcome-content{max-width:800px;text-align:center}.welcome-icon{animation:welcomeBounce 2s ease-in-out infinite;font-size:100px;margin-bottom:24px}@keyframes welcomeBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin:0 0 12px}.welcome-subtitle{color:#6b7280;font-size:18px;font-weight:500;margin:0 0 48px}.welcome-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:48px}.feature-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:32px 24px;transition:all .3s}.feature-card:hover{border-color:#e0e7ff;box-shadow:0 8px 24px #6366f126;transform:translateY(-4px)}.feature-card-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.feature-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.welcome-action{margin-top:32px}.welcome-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 16px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 40px;transition:all .3s}.welcome-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 24px #6366f166;transform:translateY(-2px)}.welcome-btn span{font-size:20px}.editor-view{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.floating-popup{animation:slideIn .3s ease;position:absolute;right:16px;top:16px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #6366f133;border-radius:12px;box-shadow:0 4px 20px #00000026;gap:16px;padding:12px 16px}.popup-content,.popup-info{align-items:center;display:flex}.popup-info{border-radius:8px;border-right:1px solid #e5e7eb;gap:10px;padding:4px 12px 4px 4px;transition:background .2s}.popup-info:hover{background:#6366f10d}.popup-icon{font-size:18px}.popup-name{color:#1f2937;font-size:14px;font-weight:600}.popup-actions{display:flex;gap:8px}.popup-save-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.popup-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.popup-save-btn:disabled{cursor:not-allowed;opacity:.6}.popup-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.popup-close-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.floating-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #6366f11a;border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;gap:16px;padding:12px 16px;position:absolute;right:16px;top:16px;z-index:50}.control-group{border-right:1px solid #e5e7eb;gap:12px;padding-right:16px}.control-group,.control-label{align-items:center;display:flex}.control-label{color:#1f2937;font-size:14px;font-weight:600;gap:8px}.label-icon{font-size:16px}.live-indicator{animation:livePulse 2s infinite;background:#d1fae5;border-radius:12px;color:#10b981;font-size:10px;font-weight:600;padding:3px 8px}.control-actions{display:flex;gap:8px}.control-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.control-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.control-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.control-btn.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #6366f14d}.control-btn span{font-size:14px}.editor-frame{background:#fff;flex:1 1;height:calc(100vh - 200px);min-height:calc(100vh - 200px);overflow:visible;position:relative}.editor-loader{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loader-spinner{animation:spin .8s linear infinite;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:56px;width:56px}.loader-text{color:#6b7280;font-size:15px;font-weight:600;margin:0}@media (max-width:768px){.status-bar{flex-direction:column;gap:8px;padding:12px 16px}.status-actions{justify-content:space-between;width:100%}.status-btn{flex:1 1}.file-tabs-bar{padding:0 8px}.file-tab{min-width:160px;padding:10px 12px}.floating-controls{align-items:stretch;flex-direction:column;left:8px;right:8px;top:8px}.control-group{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:12px;padding-right:0}.control-actions{width:100%}.control-btn{flex:1 1;justify-content:center}.welcome-title{font-size:28px}.welcome-subtitle{font-size:16px}.welcome-features{grid-template-columns:1fr}}.docx-preview-message{align-items:center;background:linear-gradient(135deg,#f8fafc,#e8eef5);border-radius:12px;display:flex;height:100%;justify-content:center;min-height:400px;padding:40px}.message-content{max-width:500px;text-align:center}.message-icon{animation:bounce 2s infinite;font-size:80px;margin-bottom:24px}.message-content h3{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:16px}.message-content p{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:12px}.message-subtitle{color:#94a3b8!important;font-size:14px!important;margin-bottom:32px!important}.btn-download-large{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-download-large:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.onlyoffice-editor-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:100%;overflow:hidden}.edit-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;margin-right:12px;padding:6px 12px}.preview-header-actions{align-items:center;display:flex}.edit-hint{color:#10b981;font-size:13px;font-weight:500;margin-top:8px}.docx-preview-container{background:#f8fafc;padding:20px}.docx-preview-container::-webkit-scrollbar{width:8px}.docx-preview-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.docx-preview-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.docx-preview-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.docx-wrapper{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e293b;font-family:Calibri,Arial,sans-serif;line-height:1.5;margin:0 auto;max-width:850px;min-height:1100px;padding:40px 60px}.docx-wrapper section{margin-bottom:40px;page-break-after:always}.docx-wrapper p{font-size:11pt;margin:0 0 12px}.docx-wrapper table{border-collapse:collapse;margin:12px 0;width:100%}.docx-wrapper table td,.docx-wrapper table th{border:1px solid #e2e8f0;padding:8px}.docx-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;padding:40px;text-align:center}.docx-error p{color:#64748b;font-size:16px;margin-bottom:20px}.btn-preview-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.btn-preview-option:hover{background:#f8fafc;border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.btn-preview-option.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.btn-preview-option.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f14d}.phase-header{margin-bottom:32px;text-align:center}.phase-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px}.phase-header p{color:#64748b;font-size:15px}.download-layout{display:flex;flex:1 1;gap:20px;max-width:100%;min-height:0;overflow:hidden;padding:0 20px}.results-panel{display:flex;flex:0 0 35%;flex-direction:column;max-width:500px;min-height:0;overflow-y:auto;padding-right:12px}.preview-panel{background:#fff;border:1px solid #e8eef5;border-radius:16px;box-shadow:0 2px 8px #6366f114;display:flex;flex:1 1;flex-direction:column;max-height:100%;overflow:hidden}.preview-header{align-items:center;background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e8eef5;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.preview-header h3{color:#475569;font-size:16px;font-weight:600;margin:0}.close-preview-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-preview-btn:hover{background:#e0e7ff;color:#6366f1}.preview-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-file-info{background:#fafbfc;border-bottom:1px solid #e8eef5;flex-shrink:0;padding:12px 20px}.preview-file-info h4{color:#334155;font-size:14px;font-weight:600;margin:0 0 3px}.preview-original{color:#64748b;font-size:12px;margin:0 0 8px}.edit-workflow-hint{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:4px;color:#f59e0b;font-size:12px;font-weight:500;margin:8px 0 0;padding:6px 10px}.preview-iframe-container{background:#f8fafc;flex:1 1;min-height:0;overflow:auto;padding:16px;position:relative}.preview-loading{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.preview-loading p{color:#6b7280;font-size:14px;font-weight:500}.preview-iframe{border:none;box-shadow:0 1px 3px #6366f11a,0 4px 12px #6366f10d}.docx-preview-container,.preview-iframe{background:#fff;border-radius:8px;height:100%;width:100%}.docx-preview-container{box-shadow:0 2px 8px #0000001a;overflow-y:auto;padding:40px}.docx-preview-container section.docx{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:8.5in;min-height:11in;padding:1in}.word-preview-message{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 40px;text-align:center}.word-icon{animation:bounce 2s ease-in-out infinite;font-size:72px;margin-bottom:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.word-preview-message h4{color:#334155;font-size:24px;font-weight:600;margin:0 0 12px}.preview-description{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 32px;max-width:400px}.preview-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;max-width:350px;width:100%}.feature-item{align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:10px;box-shadow:0 1px 3px #6366f10d;color:#475569;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px}.feature-icon{font-size:20px}.btn-open-word{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:14px 36px;transition:all .3s}.btn-open-word:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #2563eb59;transform:translateY(-2px)}.preview-note{color:#94a3b8;font-size:13px;line-height:1.5;margin:0;max-width:380px}.preview-actions{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-top:1px solid #e8eef5;display:flex;flex-shrink:0;gap:10px;padding:16px 20px}.btn-edit-word-full{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 2px 8px #f59e0b33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s;width:100%}.btn-edit-word-full:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-download-preview{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f126;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s;width:100%}.btn-download-preview:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f140;transform:translateY(-1px)}.success-animation{display:flex;justify-content:center;margin-bottom:40px}.success-checkmark{height:120px;margin:0 auto;width:120px}.check-icon{animation:checkmarkPop .6s cubic-bezier(.68,-.55,.265,1.55);border:4px solid #4caf50;border-radius:50%;box-sizing:initial;height:120px;position:relative;width:120px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.check-icon:before{animation:pulse 2s infinite;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:50%;content:"";height:120px;opacity:.2;position:absolute;width:120px}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.icon-line{background-color:#4caf50;border-radius:2px;display:block;height:5px;position:absolute;z-index:10}.line-tip{animation:lineGrow .4s ease-in .6s backwards;left:25px;top:56px;transform:rotate(45deg);width:25px}.line-long{animation:lineGrow .5s ease-in .8s backwards;right:12px;top:48px;transform:rotate(-45deg);width:47px}@keyframes lineGrow{0%{width:0}to{width:25px}}.icon-circle{animation:circleGrow .6s ease-in;border:4px solid #4caf5080;border-radius:50%;box-sizing:initial;height:120px;left:-4px;position:absolute;top:-4px;width:120px;z-index:10}@keyframes circleGrow{0%{transform:scale(0)}to{transform:scale(1)}}.icon-fix{background-color:#fff;height:85px;left:26px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.results-summary{display:flex;flex-shrink:0;gap:12px;justify-content:center;margin-bottom:16px}.summary-card{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e8eef5;border-radius:12px;box-shadow:0 2px 8px #6366f10f;display:flex;gap:12px;padding:12px 24px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #6366f11f;transform:translateY(-2px)}.summary-icon{font-size:32px}.summary-text{display:flex;flex-direction:column;gap:4px}.summary-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.summary-label{color:#64748b;font-size:12px;font-weight:600}.results-container{background:#fff;border:1px solid #e8eef5;border-radius:16px;box-shadow:0 1px 3px #6366f10a;display:flex;flex:1 1;flex-direction:column;margin-bottom:16px;min-height:0;padding:20px}.results-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.results-header h3{color:#334155;font-size:22px;font-weight:600}.download-all-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px 24px;transition:all .3s ease}.download-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.results-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr;min-height:0;overflow-y:auto}.result-card{align-items:center;animation:slideUp .5s ease backwards;background:#fff;border:1px solid #e8eef5;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .3s ease}.result-card.active{background:linear-gradient(135deg,#fff,#f5f7ff);border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.result-card:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.result-icon{flex-shrink:0;font-size:40px}.result-info{flex:1 1;min-width:0}.result-info h4{color:#334155;font-size:15px;font-weight:600;margin-bottom:4px}.original-name,.result-info h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.original-name{color:#64748b;font-size:13px;margin-bottom:8px}.file-meta{display:flex;gap:8px}.file-type{background:linear-gradient(135deg,#6366f1,#8b5cf6);text-transform:uppercase}.file-type,.formatted-badge{border-radius:6px;color:#fff;font-size:10px;font-weight:600;padding:4px 10px}.formatted-badge{background:linear-gradient(135deg,#10b981,#059669)}.download-btn{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:10px;box-shadow:0 2px 8px #ec489933;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .3s ease}.download-btn:hover{background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 4px 12px #ec48994d;transform:translateY(-1px)}.download-icon{font-size:18px}.download-text{font-size:14px}.action-buttons{background:linear-gradient(0deg,#fff 0,#0000);display:flex;flex-shrink:0;justify-content:center;margin-top:16px;padding:16px 0}.btn-start-over{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 2px 12px #6366f133;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 40px;transition:all .3s ease}.btn-start-over:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 16px #6366f14d;transform:translateY(-2px)}@media (max-width:768px){.results-summary{flex-direction:column}.results-grid{grid-template-columns:1fr}.result-card{flex-direction:column;text-align:center}.original-name,.result-info h4{white-space:normal}.download-btn,.file-meta{justify-content:center}.download-btn{width:100%}.results-header{flex-direction:column;gap:16px}.download-all-btn{width:100%}}.tabs-row-wrapper{align-items:center;display:flex;gap:12px;width:100%}.tabs-container{display:flex;flex:1 1;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 0 12px;scroll-behavior:smooth;scrollbar-color:#6366f180 #ffffff1a;scrollbar-width:thin}.tabs-container::-webkit-scrollbar{height:10px}.tabs-container::-webkit-scrollbar-track{background:#fff3;border-radius:5px;margin:0 8px}.tabs-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:2px solid #ffffff1a;border-radius:5px}.tabs-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-color:#fff3}.format-more-btn-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.format-more-btn-compact:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.format-more-icon-compact{font-size:18px}.format-more-text-compact{font-size:14px;letter-spacing:.3px}.user-profile-dropdown{display:inline-block;position:relative}.avatar-button{align-items:center;background:linear-gradient(135deg,#ee8b26,#d67a1f);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #ee8b264d;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.avatar-button:hover{border-color:#fff6;box-shadow:0 4px 12px #ee8b2666;transform:translateY(-2px)}.avatar-button:active{transform:translateY(0)}.avatar-circle{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.avatar-initials{color:#fff;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.avatar-image{height:100%;object-fit:cover;width:100%}.dropdown-menu{animation:fadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:280px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-header{align-items:center;display:flex;gap:12px;padding:12px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#ee8b26,#d67a1f);border-radius:50%;box-shadow:0 2px 8px #ee8b2633;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.avatar-initials-large{color:#fff;font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}.avatar-image-large{height:100%;object-fit:cover;width:100%}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.profile-name{color:#1e293b;font-size:14px;font-weight:700}.profile-email,.profile-name{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#64748b;font-size:12px;font-weight:500}.dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}.logout-menu-button{align-items:center;background:#f8f9fa;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 12px;transition:all .2s ease;width:100%}.logout-menu-button:hover{background:#f1f3f5;color:#ef4444}.logout-menu-button:active{background:#e9ecef}.logout-icon{flex-shrink:0;font-size:18px}@media (max-width:768px){.dropdown-menu{min-width:260px;right:-8px}.profile-header{padding:8px}.profile-avatar-large{height:44px;width:44px}.avatar-initials-large{font-size:16px}.profile-name{font-size:13px}.profile-email{font-size:11px}.logout-menu-button{font-size:13px;padding:8px 10px}}@media (max-width:480px){.dropdown-menu{min-width:240px}.avatar-button{height:36px;width:36px}.avatar-initials{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;background-attachment:fixed;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{background:#fff;display:flex;flex-direction:column;transition:all .3s ease}.App.fullscreen-mode{height:100vh;overflow:hidden}.App.fullscreen-mode .main-container,.App.fullscreen-mode .wizard-content{height:100vh;margin:0;padding:0}.header{background:#3b82f6;border-bottom:1px solid #e5e7ebcc;box-shadow:none;left:0;padding:12px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header-content{justify-content:flex-start;margin:0;max-width:none;padding-left:12px;width:100%}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:12px}.logo-circle{align-items:center;background:#0000;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;padding:0;width:80px}.logo-image{border-radius:50%;height:100%;object-fit:contain;width:100%}.brand-info{display:flex;flex-direction:column}.brand-title{color:#fff;font-size:32px;font-weight:700;line-height:1.2}.brand-subtitle,.brand-title{font-family:Roboto,sans-serif;margin:0}.brand-subtitle{color:#ffffffe6;font-size:14px;font-weight:300;letter-spacing:2px;text-transform:uppercase}.smiley-button{align-items:center;background:#6a71d8;border:none;border-radius:50%;box-shadow:0 4px 12px #6a71d84d;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.smiley-button:hover{background:#6067ce;box-shadow:0 6px 16px #6a71d866;transform:translateY(-2px)}.smiley-icon{color:#fff;height:32px;width:32px}.header-actions{margin-left:auto;padding-right:12px}.header-actions,.logo{align-items:center;display:flex}.logo{gap:12px;justify-content:center;margin-bottom:8px}.logo-icon{animation:sparkle 2s ease-in-out infinite;font-size:36px}@keyframes sparkle{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}50%{filter:brightness(1.2);transform:scale(1.1) rotate(5deg)}}.header h1{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.tagline{color:#64748b;font-size:.95rem;font-weight:500;text-align:center}.main-container{flex:1 1;margin:0 auto;max-width:100%;padding:0;width:100%}.step-navigation{display:none}.nav-arrow{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.nav-arrow:hover:not(:disabled){box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.nav-arrow:disabled{background:#94a3b8;cursor:not-allowed;opacity:.4}.arrow-icon{font-size:20px;font-weight:700}.arrow-label{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.wizard-content{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:500px;padding:2rem}.footer,.wizard-content{background:#fff;transition:all .3s ease}.footer{-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid #e5e7ebcc;box-shadow:none;margin-top:0;padding:20px;text-align:center}.footer p{color:#374151;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;margin:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c7d2fe,#ddd6fe);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a5b4fc,#c4b5fd)}@media (max-width:768px){.header{padding:1.5rem 1rem}.header h1{font-size:1.5rem}.tagline{font-size:.9rem;opacity:.9}.container{margin:0 auto;max-width:1200px}.section{margin-bottom:30px}.card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;padding:30px;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.card h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:10px;margin-bottom:20px}form{display:flex;flex-direction:column;gap:15px}input[type=file],input[type=text]{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s}input[type=file]:focus,input[type=text]:focus{border-color:#667eea;outline:none}button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:scale(1.02)}.btn-success{background:linear-gradient(135deg,#11998e,#38ef47);color:#fff}.btn-success:hover{box-shadow:0 5px 15px #11998e66;transform:scale(1.02)}.btn-download{background:#4caf50;color:#fff;padding:10px 20px}.btn-download:hover{background:#45a049}.btn-delete{background:#f44336;color:#fff;padding:8px 12px}.btn-delete:hover{background:#da190b}button:disabled{cursor:not-allowed;opacity:.6}.template-list{display:flex;flex-direction:column;gap:12px}.template-item{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .3s}.template-item:hover{background:#f8f9ff;border-color:#667eea}.template-item.selected{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea}.template-info h3{color:#333;margin-bottom:5px}.template-info p{color:#666;font-size:.9rem}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{align-items:center;background:#f1f8f4;border:2px solid #4caf50;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.result-info h3{color:#333;margin-bottom:5px}.result-info p{color:#666;font-size:.9rem}.empty-state{color:#999;font-style:italic;padding:40px;text-align:center}.warning{background:#fff3cd;border-radius:8px;color:#856404;padding:12px;text-align:center}.file-count{color:#667eea;font-weight:600;text-align:center}@media (max-width:768px){.header h1{font-size:2rem}.card{padding:20px}}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.auth-controls{gap:12px}.auth-controls,.user-info{align-items:center;display:flex}.user-info{background:#6366f114;border-radius:20px;color:#64748b;font-size:.9rem;font-weight:500;gap:6px;max-width:200px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.user-info:hover{background:#6366f126}.logout-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}@media (max-width:768px){.auth-controls{flex-wrap:wrap;justify-content:center;width:100%}.user-info{font-size:.8rem;max-width:150px;padding:6px 12px}.logout-button{font-size:.8rem;padding:8px 16px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}