.landing{min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:0;z-index:100}.logo{font-size:24px;font-weight:700;color:#6366f1}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{color:#4b5563;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#6366f1}.hero{padding:80px 0;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-title{font-size:48px;font-weight:700;margin-bottom:20px}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.btn-large{padding:16px 32px;font-size:18px}.features{padding:80px 0}.section-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:50px;color:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:24px;margin-bottom:12px;color:#1f2937}.feature-card p{color:#4b5563;line-height:1.6}.use-cases{padding:80px 0;background:#fff}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.use-case-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.use-case-icon{font-size:48px;margin-bottom:20px;display:block;text-align:center}.use-case-card h3{font-size:24px;margin-bottom:16px;color:#1f2937;text-align:center}.use-case-list{list-style:none;padding:0;margin:0 0 20px}.use-case-list li{color:#4b5563;line-height:1.8;padding-left:24px;position:relative;margin-bottom:8px}.use-case-list li:before{content:"✓";position:absolute;left:0;color:#6366f1;font-weight:700}.use-case-tagline{text-align:center;font-weight:600;color:#6366f1;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb;font-style:italic}.supported-formats{padding:80px 0;background:#f9fafb}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.format-item{background:#fff;padding:20px;border-radius:8px;text-align:center;font-weight:600;color:#6366f1;box-shadow:0 1px 3px #0000001a}.developer-section{padding:80px 0;background:#f8f9fa}.developer-subtitle{text-align:center;font-size:20px;color:#374151;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.developer-features{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto 40px}.developer-feature-item{display:flex;align-items:center;gap:12px;font-size:16px;color:#374151;padding:12px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.developer-feature-icon{font-size:24px;flex-shrink:0}.developer-cta{text-align:center;margin-bottom:20px}.developer-note{text-align:center;color:#4b5563;font-size:14px;margin-top:20px}.footer{background:#1f2937;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{margin-bottom:12px}.footer-section h4{margin-bottom:12px;color:#d1d5db}.footer-section a{display:block;color:#d1d5db;text-decoration:none;margin-bottom:8px;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #374151;color:#d1d5db}@media (max-width: 768px){.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.nav-links{gap:10px}.nav-link{display:none}.use-cases-grid{grid-template-columns:1fr}.hero-subtitle,.developer-features{padding:0 20px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa;padding:20px}.auth-container{background:#fff;border-radius:12px;padding:40px;max-width:400px;width:100%;box-shadow:0 4px 6px #0000001a}.auth-container h1{font-size:32px;margin-bottom:8px;color:#1f2937}.auth-subtitle{color:#4b5563;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-hint{color:#4b5563;font-size:12px;margin-top:-4px}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;border:1px solid #fecaca}.auth-footer{text-align:center;margin-top:24px;color:#4b5563}.auth-footer a{color:#6366f1;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.dashboard{min-height:100vh;background:#f5f7fa}.dashboard-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-actions{display:flex;align-items:center;gap:12px}.user-email{color:#4b5563;font-size:14px}.plan-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.plan-free{background:#e5e7eb;color:#374151}.plan-pro{background:#dbeafe;color:#1e40af}.plan-enterprise{background:#fce7f3;color:#9f1239}.btn-sm{padding:8px 16px;font-size:14px}.dashboard-content{padding:40px 0;display:flex;flex-direction:column;gap:30px}.stats-section h2{margin-bottom:20px;color:#1f2937}.converter-section h2,.history-section h2{margin-bottom:8px;color:#1f2937}.upload-limit-note{font-size:14px;color:#4b5563;margin-bottom:16px;font-style:italic}.history-description{font-size:14px;color:#4b5563;margin-bottom:20px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 1px 3px #0000001a}.stat-value{font-size:36px;font-weight:700;color:#6366f1;margin-bottom:8px}.stat-label{font-weight:600;color:#374151;margin-bottom:4px}.stat-sublabel{font-size:12px;color:#4b5563}.converter-section{padding:30px}.drop-zone{border:2px dashed #d1d5db;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb;margin-bottom:20px}.drop-zone:hover{border-color:#6366f1;background:#f3f4f6}.drop-zone.drag-active{border-color:#6366f1;background:#eef2ff}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-icon{font-size:48px;margin-bottom:8px}.drop-zone p{color:#4b5563;margin:0}.drop-hint{font-size:14px;color:#4b5563}.drop-formats{font-size:12px;margin-top:8px}.file-selected{display:flex;align-items:center;gap:16px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.file-icon{font-size:32px}.file-info{flex:1;text-align:left}.file-name{font-weight:600;color:#1f2937;margin-bottom:4px}.file-size{font-size:14px;color:#4b5563}.btn-remove{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;line-height:1.5;display:inline-flex;align-items:center;justify-content:center}.btn-remove:hover{background:#dc2626}.btn-clear-all{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;line-height:1.5}.btn-clear-all:hover{background:#dc2626}.format-selector{margin-bottom:20px}.format-selector label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.btn-convert{width:100%;padding:16px;font-size:18px}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:16px;border:1px solid #fecaca}.success-message{background:#d1fae5;color:#065f46;padding:12px;border-radius:8px;margin-bottom:16px;border:1px solid #a7f3d0}.files-selected{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.files-count{font-weight:600;color:#1f2937}.files-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:12px;padding:8px;background:#f9fafb;border-radius:6px}.file-item-name{flex:1;font-size:14px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size{font-size:12px;color:#4b5563}.file-item-remove{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;line-height:1.5;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.file-item-remove:hover{background:#dc2626}.batch-progress{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px}.batch-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.batch-progress-header h3{font-size:18px;color:#1f2937;margin:0}.batch-status{font-size:14px;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:capitalize}.batch-status-pending{background:#dbeafe;color:#1e40af}.batch-status-processing{background:#fef3c7;color:#92400e}.batch-status-completed{background:#d1fae5;color:#065f46}.batch-status-failed{background:#fee2e2;color:#991b1b}.progress-bar-container{width:100%;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease;border-radius:12px}.batch-stats{display:flex;gap:16px;font-size:14px;color:#4b5563}.failed-count{color:#dc2626;font-weight:600}.batch-processing-note{margin-top:12px;font-size:14px;color:#4b5563;font-style:italic}.batch-errors{margin-top:16px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px}.batch-errors h4{font-size:14px;color:#991b1b;margin:0 0 8px}.batch-error-list{list-style:none;padding:0;margin:0}.batch-error-list li{font-size:13px;color:#7f1d1d;margin-bottom:4px;padding-left:8px}.batch-error-list li:last-child{margin-bottom:0}.history-list{display:flex;flex-direction:column;gap:12px}.api-keys-section{margin-bottom:2rem}.section-description{color:#4b5563;margin-bottom:1.5rem;font-size:14px}.api-keys-manager{display:flex;flex-direction:column;gap:1.5rem}.create-key-section{display:flex;flex-direction:column;gap:16px}.create-key-input-wrapper{display:flex;flex-direction:column;gap:8px;flex:1}.create-key-label{font-weight:600;color:#374151;font-size:14px}.required-asterisk{color:#dc2626}.create-key-section input{width:100%}.create-key-section button{align-self:flex-start}.api-keys-list{display:flex;flex-direction:column;gap:12px}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.key-info{flex:1}.key-name{font-weight:600;color:#111827;margin-bottom:4px}.key-prefix{font-family:Courier New,monospace;font-size:14px;color:#4b5563;margin-bottom:4px}.key-meta{font-size:12px;color:#4b5563}.api-info{padding-top:1rem;border-top:1px solid #e5e7eb;font-size:14px}.api-info a{color:#667eea;text-decoration:none}.api-info a:hover{text-decoration:underline}.new-key-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:600px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin-bottom:1rem;color:#111827}.warning-box{background:#fef3c7;border:1px solid #fbbf24;border-left:4px solid #f59e0b;padding:12px;border-radius:6px;margin-bottom:1rem;font-size:14px}.api-key-display{display:flex;gap:12px;align-items:center;padding:16px;background:#1e1e1e;border-radius:6px;margin-bottom:1rem}.api-key-display code{flex:1;color:#d4d4d4;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-secondary:disabled{background:#9ca3af;color:#fff;cursor:not-allowed;opacity:.6}.btn-secondary:disabled:hover{background:#9ca3af;opacity:.6;transform:none}.history-item{background:#fff;padding:16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.history-file{display:flex;flex-direction:column;gap:4px}.history-filename{font-weight:600;color:#1f2937}.history-format{font-size:14px;color:#6366f1}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.history-date{font-size:14px;color:#4b5563}.history-size{font-size:12px;color:#4b5563}.empty-state{background:#fff;padding:40px;text-align:center;border-radius:12px;color:#4b5563}@media (max-width: 768px){.nav-actions{flex-wrap:wrap}.user-email{display:none}.history-item{flex-direction:column;align-items:flex-start}.history-meta{align-items:flex-start;margin-top:12px}}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.kanban-column{background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;min-height:400px;display:flex;flex-direction:column}.kanban-column-header{flex-shrink:0}.kanban-column-content{flex:1;padding:12px;overflow-y:auto;max-height:calc(100vh - 300px)}.kanban-card{transition:all .2s ease}.admin-support-dashboard{width:100%;max-width:100%}@media (max-width: 1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kanban-board{grid-template-columns:1fr}.kanban-column-content{max-height:300px}}.kanban-column{transition:background-color .2s ease}.kanban-column.drag-over{background-color:#f3f4f6}.kanban-card:active{cursor:grabbing!important}.account-layout{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:32px}.account-sidebar{background:#fff;border-radius:8px;padding:16px;height:fit-content;position:sticky;top:20px}.account-mobile-select{display:none;width:100%;padding:10px 12px;margin-bottom:24px}.account-sidebar-nav{display:block}.account-nav-item{display:block;width:100%;padding:12px 16px;margin-bottom:8px;text-align:left;background:transparent;border:none;border-radius:6px;color:#374151;font-weight:400;cursor:pointer;font-size:14px;transition:all .2s}.account-nav-item:hover{background:#f9fafb}.account-nav-item.active{background:#f3f4f6;color:#6366f1;font-weight:600}.account-nav-danger{margin-top:16px;color:#dc2626}.account-nav-danger.active{background:#fee2e2;color:#dc2626}.account-content{min-width:0}@media (max-width: 768px){.account-layout{grid-template-columns:1fr}.account-mobile-select{display:block}.account-sidebar-nav{display:none}.account-sidebar{position:static;margin-bottom:24px}}.pricing-page{min-height:100vh;background:#f5f7fa;padding-bottom:60px}.pricing-header{text-align:center;padding:60px 0 40px}.pricing-header h1{font-size:48px;margin-bottom:16px;color:#1f2937}.pricing-header p{font-size:20px;color:#4b5563}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.pricing-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a;position:relative;transition:transform .2s}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{border:2px solid #6366f1;transform:scale(1.05)}.pricing-card.current-plan{border:2px solid #10b981}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600}.current-badge{position:absolute;top:-12px;right:20px;background:#10b981;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.pricing-card h2{font-size:28px;margin-bottom:16px;color:#1f2937}.price{margin-bottom:30px}.price-amount{font-size:48px;font-weight:700;color:#6366f1}.price-period{font-size:18px;color:#4b5563}.features-list{list-style:none;margin-bottom:24px}.features-list li{padding:12px 0;color:#374151;border-bottom:1px solid #f3f4f6}.limit-badge{background:#f3f4f6;padding:8px 16px;border-radius:8px;text-align:center;font-weight:600;color:#6366f1;margin-bottom:24px}.pricing-card button{width:100%;padding:16px;font-size:16px}.pricing-faq{margin-top:60px}.pricing-faq h2{text-align:center;font-size:36px;margin-bottom:40px;color:#1f2937}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.faq-item{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.faq-item h3{font-size:20px;margin-bottom:12px;color:#1f2937}.faq-item p{color:#4b5563;line-height:1.6}@media (max-width: 768px){.pricing-header h1{font-size:32px}.pricing-card.featured{transform:none}.pricing-grid{grid-template-columns:1fr}}.legal-page{min-height:100vh;background:#f5f7fa;padding:40px 0}.legal-content{background:#fff;padding:60px;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:900px;margin:0 auto}.legal-content h1{font-size:48px;margin-bottom:8px;color:#1f2937}.last-updated{color:#4b5563;margin-bottom:40px;font-style:italic}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:28px;margin-bottom:16px;color:#1f2937;margin-top:32px}.legal-content h3{font-size:20px;margin-top:16px;margin-bottom:12px;color:#374151}.legal-content p{line-height:1.8;color:#4b5563;margin-bottom:12px}.legal-content ul{margin-left:24px;margin-bottom:16px}.legal-content li{line-height:1.8;color:#4b5563;margin-bottom:8px}@media (max-width: 768px){.legal-content{padding:30px 20px}.legal-content h1{font-size:32px}.legal-content h2{font-size:24px}}.App{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-block;text-decoration:none}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline{background:transparent;border:2px solid #6366f1;color:#6366f1}.btn-outline:hover{background:#6366f1;color:#fff}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.input:focus{outline:none;border-color:#6366f1}.error{color:#ef4444;font-size:14px;margin-top:4px}.success{color:#10b981;font-size:14px;margin-top:4px}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit}