:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}.header{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000;padding:1rem 0}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo h1{font-size:1.5rem;margin:0;color:#333}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:#666;text-decoration:none;font-weight:500;transition:color .2s}.nav a:hover{color:#007bff}.btn-login{color:#007bff!important}.btn-signup{background:#007bff;color:#fff!important;padding:.5rem 1.5rem;border-radius:6px}.btn-signup:hover{background:#0056b3}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;padding:.5rem}.mobile-menu{display:none;flex-direction:column;gap:1rem;padding:1rem 2rem;background:#f8f9fa;border-top:1px solid #dee2e6}.mobile-menu a{color:#666;text-decoration:none;font-weight:500;padding:.5rem 0;transition:color .2s}.mobile-menu a:hover{color:#007bff}.mobile-menu .btn-login{color:#007bff!important;text-align:center}.mobile-menu .btn-signup{background:#007bff;color:#fff!important;padding:.75rem 1.5rem;border-radius:6px;text-align:center}.mobile-menu .btn-signup:hover{background:#0056b3}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0}.hero .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:3rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin:0 0 2rem;opacity:.95;line-height:1.6}.hero-cta{display:flex;gap:1rem;margin-bottom:1rem}.btn-primary{background:#fff;color:#667eea;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:background .2s;display:inline-block}.btn-secondary:hover{background:#ffffff1a}.hero-note{opacity:.8;font-size:.9rem}.app-preview{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.preview-header{background:#f8f9fa;padding:1rem;font-weight:600;color:#333;border-bottom:1px solid #ddd}.preview-table{padding:1.5rem}.preview-row{padding:.75rem;background:#f8f9fa;margin-bottom:.5rem;border-radius:6px;color:#333;font-size:.9rem}.features{padding:6rem 0;background:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;margin:0 0 1rem;color:#333}.section-subtitle{text-align:center;font-size:1.25rem;color:#666;margin:0 0 3rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin:0 0 .5rem;color:#333}.feature-card p{color:#666;line-height:1.6;margin:0}.pricing{padding:6rem 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.pricing-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.pricing-card.popular{border-color:#667eea;box-shadow:0 8px 24px #667eea33}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#667eea;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.plan-name{font-size:1.5rem;margin:0 0 1rem;color:#333}.plan-price{display:flex;align-items:baseline;margin-bottom:2rem}.currency{font-size:1.5rem;color:#666}.amount{font-size:3rem;font-weight:700;color:#333;margin:0 .25rem}.period{font-size:1rem;color:#666}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{padding:.75rem 0;color:#666;border-bottom:1px solid #f0f0f0}.plan-features li:last-child{border-bottom:none}.btn-plan{display:block;width:100%;text-align:center;padding:1rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s}.btn-plan:hover{transform:translateY(-2px)}.testimonials{padding:6rem 0;background:#f8f9fa}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.testimonial{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.quote{font-size:1.1rem;font-style:italic;color:#333;margin:0 0 1rem;line-height:1.6}.author{color:#666;font-weight:600;margin:0}.faq-preview{padding:6rem 0;background:#fff}.faq-preview-items{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-preview-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-preview-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.faq-preview-item.open{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.faq-preview-question{width:100%;background:none;border:none;padding:1.25rem 1.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:#333;transition:background-color .2s,color .2s;gap:1rem}.faq-preview-question:hover,.faq-preview-item.open .faq-preview-question{background-color:#f8f9fa;color:#667eea}.faq-preview-question span:first-child{flex:1;line-height:1.4}.faq-preview-toggle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#667eea;color:#fff;border-radius:50%;font-size:1.25rem;font-weight:700;transition:transform .3s,background-color .2s}.faq-preview-question:hover .faq-preview-toggle{background:#5568d3}.faq-preview-item.open .faq-preview-toggle{transform:rotate(180deg)}.faq-preview-answer{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease-out}.faq-preview-answer p{color:#666;line-height:1.7;margin:0;font-size:1rem}.faq-preview-cta{text-align:center;margin-top:3rem}.faq-preview-cta .btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:background .2s,color .2s;display:inline-block}.faq-preview-cta .btn-secondary:hover{background:#667eea;color:#fff}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;margin:0 0 1rem}.cta-section p{font-size:1.25rem;margin:0 0 2rem;opacity:.95}.btn-large{font-size:1.25rem;padding:1.25rem 3rem}.cta-note{margin-top:1rem;opacity:.8;font-size:.9rem}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.footer-section h4{margin:0 0 1rem;font-size:1.1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#fffc;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center;color:#fff9}@media(max-width:768px){.hero .container{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2rem}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.nav{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.footer-content{grid-template-columns:1fr}.faq-preview-question{padding:1rem;font-size:1rem}.faq-preview-answer{padding:0 1rem 1rem}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo{color:#fff;font-size:1.75rem;font-weight:700;text-decoration:none;display:inline-block}.auth-card{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0000004d}.auth-card h1{font-size:2rem;margin:0 0 .5rem;color:#333;text-align:center}.auth-subtitle{text-align:center;color:#666;margin:0 0 2rem;font-size:1rem}.demo-notice{background:#e7f3ff;border:1px solid #b3d9ff;border-left:3px solid #007bff;color:#004085;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.demo-notice code{background:#fff;padding:2px 6px;border-radius:4px;font-family:monospace;color:#007bff;font-weight:600}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.success-message{background:#efe;border:1px solid #cfc;color:#3c3;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.auth-form,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#666;cursor:pointer}.checkbox-label input{cursor:pointer}.forgot-link{color:#667eea;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-submit{width:100%;padding:1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.btn-submit:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.auth-divider span{position:relative;background:#fff;padding:0 1rem;color:#999;font-size:.9rem}.btn-social{width:100%;padding:.75rem;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:background .2s,border-color .2s;margin-bottom:1rem}.btn-social:hover{background:#f8f9fa;border-color:#bbb}.btn-social img{width:20px;height:20px}.auth-switch{text-align:center;color:#666;margin:1.5rem 0 0;font-size:.9rem}.auth-switch a{color:#667eea;text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.terms-text{text-align:center;color:#999;font-size:.85rem;margin-top:1rem}.terms-text a{color:#667eea;text-decoration:none}.terms-text a:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:2rem}.auth-footer a{color:#fff;text-decoration:none;opacity:.9;font-size:.9rem}.auth-footer a:hover{opacity:1;text-decoration:underline}@media(max-width:600px){.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.5rem}}.finaledb-modal{width:90%;max-width:1000px;max-height:90vh;overflow-y:auto}.finaledb-modal.large{max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #ddd}.modal-header h2{margin:0;color:#333}.btn-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#333}.database-selector{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #ddd}.database-selector label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.database-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.db-option{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.db-option:hover{border-color:#007bff;background:#f8f9fa}.db-option.active{border-color:#007bff;background:#e7f3ff}.db-option strong{font-size:14px;color:#333;margin-bottom:4px}.db-option span{font-size:11px;color:#666}.search-section{margin-bottom:24px}.search-row{display:flex;gap:12px;margin-bottom:8px}.search-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#007bff}.btn-search{padding:10px 24px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.btn-search:hover:not(:disabled){background-color:#0056b3}.btn-search:disabled{background-color:#6c757d;cursor:not-allowed}.search-hint{font-size:13px;color:#666;margin:0}.search-hint strong{color:#333}.search-info{font-size:13px;color:#007bff;margin:12px 0 0;padding:8px 12px;background:#e7f3ff;border-radius:4px;border-left:3px solid #007bff}.error-message{background:#fff3cd;border:1px solid #ffc107;border-left:3px solid #ffc107;border-radius:4px;padding:16px;margin:16px 0;color:#856404}.error-message p{margin:0 0 12px;font-weight:600}.api-key-help{margin-top:12px;font-size:13px}.api-key-help p{margin:0 0 8px;font-weight:600;font-size:14px}.api-key-help ol{margin:8px 0;padding-left:20px}.api-key-help li{margin:4px 0;font-weight:400}.api-key-help code{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px;color:#d63384}.api-key-help a{color:#007bff;text-decoration:underline}.results-section{min-height:200px}.loading-message{text-align:center;padding:40px;color:#666;font-size:14px}.no-results{text-align:center;padding:40px;color:#666;font-size:14px;background:#f8f9fa;border-radius:4px}.no-results p{margin:0 0 8px}.no-results .hint{margin-top:16px;font-weight:600;color:#333}.no-results ul{text-align:left;display:inline-block;margin:8px 0 0;padding-left:20px}.no-results li{margin:4px 0;color:#666}.results-list{margin-bottom:24px}.results-list h3{margin:0 0 12px;font-size:16px;color:#333}.result-item{display:flex;gap:12px;padding:12px;border:2px solid #ddd;border-radius:4px;margin-bottom:8px;cursor:pointer;transition:all .2s}.result-item:hover{border-color:#007bff;background-color:#f8f9fa}.result-item.selected{border-color:#007bff;background-color:#e7f3ff}.result-radio{display:flex;align-items:flex-start;padding-top:2px}.result-radio input[type=radio]{width:18px;height:18px;cursor:pointer}.result-details{flex:1}.result-name{font-weight:600;color:#333;margin-bottom:4px;font-size:15px}.result-meta{font-size:13px;color:#666;margin-bottom:4px}.result-simulation{font-size:13px}.has-sim{color:#28a745;font-weight:500}.no-sim{color:#dc3545;font-weight:500}.vdl-preview{background:#f8f9fa;padding:16px;border-radius:4px;border:1px solid #ddd}.vdl-preview h3{margin:0 0 16px;font-size:16px;color:#333}.vdl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.vdl-field{display:flex;flex-direction:column;gap:4px}.vdl-field label{font-size:12px;color:#666;font-weight:500}.vdl-field span{font-size:14px;color:#333;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #ddd}.modal-actions .btn-cancel{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.modal-actions .btn-cancel:hover{background-color:#5a6268}.modal-actions .btn-submit{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.modal-actions .btn-submit:hover:not(:disabled){background-color:#218838}.modal-actions .btn-submit:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.youtube-results{margin-top:16px}.youtube-results h3{margin:0 0 16px;font-size:16px;color:#333}.youtube-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.youtube-card{border:2px solid #ddd;border-radius:8px;overflow:hidden;transition:all .2s;cursor:pointer;background:#fff}.youtube-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026;border-color:red}.youtube-thumbnail{width:100%;height:160px;object-fit:cover;background:#f0f0f0}.youtube-info{padding:12px}.youtube-title{font-size:14px;font-weight:600;color:#333;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.youtube-channel{font-size:12px;color:#666}.video-player{margin-top:16px}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ddd}.player-header h3{margin:0;font-size:18px;color:#333;flex:1}.btn-back{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;margin-left:16px}.player-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:8px;margin-bottom:16px}.player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.video-details{background:#f8f9fa;padding:16px;border-radius:4px;border:1px solid #ddd}.video-details p{margin:0 0 8px;font-size:14px;color:#333}.video-details p:last-child{margin-bottom:0}.video-details strong{font-weight:600;color:#333}.video-description{margin-top:12px!important;padding-top:12px;border-top:1px solid #ddd;color:#666!important;line-height:1.5;white-space:pre-wrap;max-height:200px;overflow-y:auto}@media(max-width:768px){.database-options,.youtube-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:1000px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{margin:0;font-size:20px;color:#333}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-close:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px}.history-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.summary-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.summary-card.available{background:#e8f5e9;border-color:#4caf50}.summary-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-value{font-size:24px;font-weight:700;color:#333}.summary-card.available .summary-value{color:#2e7d32}.history-section{margin-bottom:30px}.history-section h3{font-size:16px;color:#333;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.history-table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table thead{background-color:#f5f5f5}.history-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.history-table td{padding:12px;border-bottom:1px solid #f0f0f0}.history-table tbody tr:hover{background-color:#fafafa}.empty-message{color:#999;text-align:center;padding:20px;font-style:italic;margin:0}.shows-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.show-card{border:1px solid #e0e0e0;border-radius:6px;padding:15px;background:#fafafa;transition:all .2s}.show-card:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f31a}.show-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.show-header strong{color:#333;font-size:14px}.show-date{font-size:12px;color:#999}.show-details{font-size:13px;color:#666;line-height:1.6}.show-details div{margin:4px 0}.show-details strong{color:#333}.timeline{position:relative;padding:20px 0}.timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#2196f3,#4caf50,#2196f3)}.timeline-item{display:flex;margin-bottom:20px;position:relative}.timeline-marker{font-size:24px;width:50px;height:50px;background:#fff;border:2px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0;position:relative;z-index:1}.timeline-item.order-item .timeline-marker{border-color:#2196f3;background:#e3f2fd}.timeline-item.show-item .timeline-marker{border-color:#4caf50;background:#e8f5e9}.timeline-content{flex:1;padding:12px 15px;background:#f9f9f9;border-radius:6px;border-left:3px solid #e0e0e0}.timeline-item.order-item .timeline-content{border-left-color:#2196f3}.timeline-item.show-item .timeline-content{border-left-color:#4caf50}.timeline-content strong{display:block;color:#333;margin-bottom:4px}.timeline-content div{color:#666;font-size:13px}.timeline-date{color:#999;font-size:12px;margin-top:4px}.modal-actions{padding:15px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px;background:#f9f9f9}.btn-cancel{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-cancel:hover{background-color:#f5f5f5;border-color:#999}.current-inventory-container{margin:20px 0}.current-inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:20px;flex-wrap:wrap}.current-inventory-summary{display:flex;gap:32px;flex:1;min-width:300px}.export-buttons{display:flex;gap:12px;flex-shrink:0}.btn-export{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap}.btn-export:hover{background:#45a049}.btn-export:active{background:#3d8b40}.current-inventory-table-container{overflow-x:auto}.current-inventory-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a}.current-inventory-table th,.current-inventory-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.current-inventory-table th:last-child,.current-inventory-table td.actions-cell{text-align:center}.current-inventory-table th{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0}.current-inventory-table th[style*="cursor: pointer"]:hover{background-color:#e9ecef;color:#4caf50}.current-inventory-table tbody tr:hover{background-color:#f5f5f5}.current-inventory-table tbody tr.clickable-row{cursor:pointer;transition:all .2s}.current-inventory-table tbody tr.clickable-row:hover{background-color:#e8f5e9;box-shadow:inset 3px 0 #4caf50}.current-inventory-table .description-cell{max-width:400px;white-space:normal;word-wrap:break-word}.current-inventory-table .available-qty{font-weight:600;color:#2e7d32}.current-inventory-table .actions-cell{text-align:center;white-space:nowrap;vertical-align:middle}.btn-youtube{padding:6px 12px;background-color:red;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s;white-space:nowrap}.btn-youtube:hover{background-color:#c00}.btn-youtube:active{background-color:#900}.current-inventory-table tfoot{background-color:#f8f9fa;font-weight:700}.current-inventory-table .totals-row td{border-top:2px solid #333;padding-top:16px;white-space:nowrap;display:table-cell!important}.current-inventory-table .totals-row{display:table-row!important}.clickable-row{transition:background .2s}.clickable-row:hover{background:#f5f5f5}.inventory-list-container{margin:20px 0}.inventory-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.inventory-header .btn-back{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.inventory-header .btn-back:hover{background-color:#5a6268}.inventory-header h2{margin:0;color:#333;font-size:24px;flex:1}.inventory-header .export-buttons{display:flex;gap:8px}.inventory-header .btn-export{background-color:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.inventory-header .btn-export:hover{background-color:#218838}.inventory-summary{display:flex;gap:32px;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.summary-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:14px;color:#666}.stat-value{font-size:24px;font-weight:600;color:#333}.inventory-table-container{overflow-x:auto}.inventory-list-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a;table-layout:fixed}.inventory-list-table th,.inventory-list-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.inventory-list-table th{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0}.inventory-list-table tbody tr:hover{background-color:#f5f5f5}.inventory-list-table .description-cell{max-width:400px;white-space:normal;word-wrap:break-word}.inventory-list-table .link-button{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font:inherit;text-align:left}.inventory-list-table .link-button:hover{color:#0056b3}.inventory-list-table .btn-view{background:none;border:none;cursor:pointer;font-size:1.2em;padding:4px 8px}.inventory-list-table .btn-view:hover{opacity:.7}.inventory-list-table tfoot{background-color:#f8f9fa;font-weight:700}.inventory-list-table .totals-row td{border-top:2px solid #333;padding-top:16px;white-space:nowrap;text-align:left;vertical-align:middle;display:table-cell!important}.inventory-list-table .totals-row{display:table-row!important}.empty-state{text-align:center;padding:40px 20px;color:#666}.search-container{position:relative;margin-bottom:20px;display:flex;align-items:center;gap:12px}.search-input{flex:1;max-width:500px;padding:12px 40px 12px 16px;font-size:15px;border:2px solid #ddd;border-radius:6px;background:#fff;transition:border-color .2s}.search-input:focus{outline:none;border-color:#4caf50}.clear-search{position:absolute;right:calc(100% - 490px);background:none;border:none;color:#999;font-size:20px;cursor:pointer;padding:0 10px;transition:color .2s}.clear-search:hover{color:#333}.search-results{font-size:14px;color:#666;white-space:nowrap}@media(max-width:768px){.search-container{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.clear-search{right:10px}.search-results{text-align:center}}.inventory-details-container{margin:20px 0}.inventory-details-header{margin-bottom:20px}.btn-back{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:16px}.part-info h2{margin:0 0 8px;color:#333;font-size:24px}.part-info .description{margin:0 0 12px;color:#666;font-size:16px}.part-metadata{display:flex;gap:24px;flex-wrap:wrap;color:#666;font-size:14px}.part-metadata span{display:inline-block}.inventory-details-table-container{overflow-x:auto;background:#fff;box-shadow:0 2px 4px #0000001a;border-radius:4px;margin-bottom:16px}.inventory-details-table{width:100%;border-collapse:collapse}.inventory-details-table th,.inventory-details-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.inventory-details-table th{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0}.inventory-details-table tbody tr:hover{background-color:#f5f5f5}.inventory-details-table .order-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#e9ecef;border-radius:4px;font-size:13px}.inventory-details-table .fifo-indicator{font-size:14px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inventory-details-table .btn-delete{background:none;border:none;cursor:pointer;font-size:1.2em;padding:4px 8px}.inventory-details-table .btn-delete:hover{opacity:.7}.inventory-details-table tfoot{background-color:#f8f9fa;font-weight:700}.inventory-details-table .totals-row td{border-top:2px solid #333;padding-top:16px;white-space:nowrap}.inventory-details-empty{text-align:center;padding:40px 20px;color:#666}.inventory-details-empty p{margin-bottom:20px;font-size:1.1em}.fifo-note{padding:12px;background:#e7f3ff;border-left:4px solid #0066cc;border-radius:4px;font-size:14px;color:#333}.fifo-note strong{color:#06c}.orders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-controls{padding:16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#ff6b35}.table-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{display:flex;gap:8px;align-items:baseline}.stat-label{font-size:13px;color:#666;font-weight:500}.stat-value{font-size:14px;font-weight:600;color:#333}.orders-table{width:100%;border-collapse:collapse;table-layout:auto}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:13%;min-width:130px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:16%;min-width:130px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:11%;min-width:100px}.orders-table th:nth-child(4),.orders-table td:nth-child(4),.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:9%;min-width:85px;text-align:right}.orders-table th:nth-child(6),.orders-table td:nth-child(6),.orders-table th:nth-child(7),.orders-table td:nth-child(7),.orders-table th:nth-child(8),.orders-table td:nth-child(8){width:9%;min-width:85px;text-align:right}.orders-table th:nth-child(9),.orders-table td:nth-child(9){width:16%;min-width:145px}.orders-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#333;-webkit-user-select:none;user-select:none;border-bottom:2px solid #e0e0e0;vertical-align:top;font-size:15px}.orders-table th[style*="cursor: pointer"]:hover{background:#eee}.orders-table td{padding:12px 16px;border-bottom:1px solid #eee;vertical-align:top;line-height:1.5;font-size:14px}.orders-table tr:hover{background:#fafafa}.sort-icon{margin-left:6px;color:#999;font-size:12px}.sort-icon.active{color:#ff6b35}.actions{white-space:nowrap}.actions button{padding:4px 10px;margin-right:6px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.btn-inventory,.btn-view{background:none;border:none;cursor:pointer;font-size:1.2em;padding:4px 6px;margin-right:4px}.btn-inventory:hover,.btn-view:hover{opacity:.7}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#bbdefb}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#ffcdd2}.btn-save{background:#e8f5e9;color:#388e3c}.btn-save:hover{background:#c8e6c9}.edit-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.edit-input:focus{outline:none;border-color:#ff6b35}.empty-message{text-align:center;color:#999;padding:40px!important;font-style:italic}.shows-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-wrapper{overflow-x:auto}.shows-table{width:100%;border-collapse:collapse;table-layout:auto}.shows-table th:nth-child(1),.shows-table td:nth-child(1){width:25%;min-width:150px}.shows-table th:nth-child(2),.shows-table td:nth-child(2){width:18%;min-width:140px}.shows-table th:nth-child(3),.shows-table td:nth-child(3),.shows-table th:nth-child(4),.shows-table td:nth-child(4){width:12%;min-width:100px;text-align:right}.shows-table th:nth-child(5),.shows-table td:nth-child(5){width:13%;min-width:100px;text-align:right}.shows-table th:nth-child(6),.shows-table td:nth-child(6){width:20%;min-width:180px}.shows-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#333;-webkit-user-select:none;user-select:none;border-bottom:2px solid #e0e0e0;vertical-align:top;font-size:15px}.shows-table th.sortable{cursor:pointer}.shows-table th.sortable:hover{background:#e9ecef}.shows-table .sort-icon{margin-left:4px;font-size:.8em;color:#666}.shows-table td{padding:12px 16px;border-bottom:1px solid #eee;vertical-align:top;line-height:1.5;font-size:14px}.shows-table tr:hover{background:#fafafa}.shows-table .link-button{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font:inherit;text-align:left;font-size:14px}.shows-table .link-button:hover{color:#0056b3}.shows-table .btn-view,.shows-table .btn-resync,.shows-table .btn-edit,.shows-table .btn-delete{background:none;border:none;cursor:pointer;font-size:1.2em;padding:4px 6px;margin-right:4px;transition:opacity .2s}.shows-table .btn-view:hover,.shows-table .btn-resync:hover,.shows-table .btn-edit:hover,.shows-table .btn-delete:hover{opacity:.7}.amount{text-align:right;font-family:monospace;font-size:14px}.amount.total{font-weight:600;color:#2e7d32}.empty-state{text-align:center;padding:40px 20px;color:#999;font-style:italic}.empty-state p{margin:0;font-size:1.1em}.show-details-container{margin:20px 0}.show-details-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.btn-back{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.btn-back:hover{background-color:#5a6268}.show-info{flex:1}.show-info h2{margin:0 0 12px;color:#333}.show-metadata{display:flex;gap:24px;flex-wrap:wrap;color:#666;font-size:14px}.show-metadata span{display:inline-block}.show-details-header .export-buttons{display:flex;gap:8px;align-self:flex-start}.show-details-header .btn-export{background-color:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.show-details-header .btn-export:hover{background-color:#218838}.show-items-table-container{overflow-x:auto;background:#fff;box-shadow:0 2px 4px #0000001a;border-radius:4px}.show-items-table{width:100%;border-collapse:collapse}.show-items-table th,.show-items-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.show-items-table th{background-color:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0}.show-items-table tbody tr:hover{background-color:#f5f5f5}.show-items-table .description-cell{max-width:400px;white-space:normal;word-wrap:break-word}.show-items-table .empty-cell{text-align:center;color:#666;padding:40px;font-style:italic}.show-items-table tfoot{background-color:#f8f9fa;font-weight:700}.show-items-table .totals-row td{border-top:2px solid #333;padding-top:16px;white-space:nowrap;display:table-cell!important}.show-items-table .totals-row{display:table-row!important}.show-details-empty{text-align:center;padding:40px 20px;color:#666}.show-details-empty p{margin-bottom:20px;font-size:1.1em}.file-upload{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.file-upload h3{margin:0 0 8px;font-size:18px}.file-upload.invoice h3{color:#388e3c}.file-upload.shoot-list h3{color:#d32f2f}.upload-description{margin:0 0 16px;font-size:14px;color:#666}.drop-zone{border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.drop-zone:hover{border-color:#999;background:#fafafa}.drop-zone.active{border-color:#ff6b35;background:#fff8f5}.drop-zone.uploading{cursor:wait;opacity:.7}.drop-icon{font-size:32px;font-weight:700;width:50px;height:50px;line-height:46px;border-radius:50%;margin-bottom:8px}.invoice .drop-icon{background:#e8f5e9;color:#388e3c}.shoot-list .drop-icon{background:#ffebee;color:#d32f2f}.file-types{font-size:12px;color:#999}.preview-panel{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;gap:12px;flex-wrap:wrap}.file-name{font-weight:500}.item-count{color:#666;font-size:14px}.vendor-tag{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.preview-table-wrapper{max-height:500px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;font-size:14px}.preview-table th{background:#fafafa;padding:10px 12px;text-align:left;font-weight:500;border-bottom:1px solid #e0e0e0;position:sticky;top:0}.preview-table td{padding:10px 12px;border-bottom:1px solid #eee}.preview-table .more-items td{text-align:center;color:#999;font-style:italic}.preview-actions{display:flex;justify-content:flex-end;gap:12px;padding:12px 16px;background:#f8f9fa;border-top:1px solid #e0e0e0}.preview-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.preview-actions .btn-cancel{background:#f5f5f5;color:#666}.preview-actions .btn-cancel:hover{background:#e0e0e0}.preview-actions .btn-confirm{background:#ff6b35;color:#fff}.preview-actions .btn-confirm:hover{background:#e55a25}.invoice .preview-actions .btn-confirm{background:#388e3c}.invoice .preview-actions .btn-confirm:hover{background:#2e7d32}.shoot-list .preview-actions .btn-confirm{background:#d32f2f}.shoot-list .preview-actions .btn-confirm:hover{background:#c62828}.vendor-selector{margin-bottom:16px;padding:12px;background:#f5f5f5;border-radius:6px;display:flex;align-items:center;gap:12px}.vendor-selector label{font-size:14px;font-weight:500;color:#333}.vendor-selector select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.vendor-selector select:disabled{opacity:.5;cursor:not-allowed}.detected-vendor{font-size:12px;color:#666;font-style:italic}.vendor-selection-required{margin-bottom:16px;padding:12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404}.vendor-selection-required p{margin:0;font-size:14px}.generic-order-info{background:#e7f3ff;border:2px solid #007bff;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.generic-order-info h4{margin:0 0 .5rem;color:#333;font-size:1rem}.order-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.order-info-grid .form-group{display:flex;flex-direction:column}.order-info-grid label{font-weight:600;color:#333;margin-bottom:.25rem;font-size:.875rem}.order-info-grid input{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;transition:border-color .2s}.order-info-grid input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.vendor-confirmation{margin-bottom:16px;padding:12px;background:#e8f5e9;border:1px solid #4caf50;border-radius:6px;display:flex;align-items:center;gap:12px}.vendor-confirmation label{font-size:14px;font-weight:500;color:#2e7d32}.vendor-confirmation select{padding:6px 12px;border:1px solid #4caf50;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;font-weight:500}.vendor-hint{font-size:12px;color:#2e7d32;font-weight:500}.order-info{margin:12px 0;padding:12px;background:#f8f9fa;border-radius:6px;display:flex;gap:20px;flex-wrap:wrap}.order-detail{display:flex;gap:8px;align-items:baseline}.order-detail .label{font-size:13px;color:#666;font-weight:500}.order-detail .value{font-size:14px;color:#333;font-weight:600;font-family:monospace}.order-detail.total{margin-left:auto}.order-detail.total .value{color:#2e7d32;font-size:16px}@media(max-width:768px){.order-info-grid{grid-template-columns:1fr}}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:450px;box-shadow:0 4px 20px #00000026}.modal-content h2{margin:0 0 20px;font-size:20px;color:#333}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#555}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.modal-actions .btn-cancel{background:#f5f5f5;color:#666}.modal-actions .btn-cancel:hover{background:#e0e0e0}.modal-actions .btn-add{background:#ff6b35;color:#fff}.modal-actions .btn-add:hover{background:#e55a25}.modal-overlay{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;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.modal-content h2{margin:0 0 20px;font-size:24px;color:#333}.error-message{padding:12px;margin-bottom:16px;background:#ffebee;border:1px solid #f44336;border-radius:4px;color:#c62828;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ff6b35}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:#ff6b35;color:#fff}.btn-submit:hover{background:#e55a2b}.large-modal{max-width:900px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:12px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:#555}.form-group input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#4caf50}.form-group input:disabled{background-color:#f5f5f5;color:#999}.btn-add-item{margin-top:24px;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.btn-add-item:hover{background:#1976d2}.items-table{width:100%;border-collapse:collapse;font-size:14px}.items-table th,.items-table td{padding:10px;text-align:left;border-bottom:1px solid #e0e0e0}.items-table th{background-color:#f8f9fa;font-weight:600;color:#333}.items-table tbody tr:hover{background-color:#f5f5f5}.btn-remove{background:none;border:none;color:#f44336;font-size:18px;cursor:pointer;padding:0 8px}.btn-remove:hover{color:#d32f2f}.totals-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.totals-row .form-group input{font-weight:600;font-size:16px}@media(max-width:768px){.large-modal{max-width:95%}.form-row,.totals-row{grid-template-columns:1fr}}.btn-save{background-color:#4caf50;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-save:hover{background-color:#45a049}.btn-cancel{background-color:#f44336;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-cancel:hover{background-color:#da190b}.items-table td input{font-family:inherit;font-size:14px;border:1px solid #ddd;border-radius:3px}.items-table td input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 4px #4caf504d}.modal-content h2{margin:0 0 8px;font-size:18px}.form-section{margin-bottom:10px}.form-section h3{margin:0 0 6px;font-size:15px;color:#333}.form-row{display:flex;gap:8px;margin-bottom:4px}.form-group{flex:1;min-width:0}.form-group label{display:block;margin-bottom:2px;font-weight:500;font-size:12px;color:#333}.form-group input,.form-group select{width:100%;padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:13px;box-sizing:border-box}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.search-result-item{padding:10px;cursor:pointer;border-bottom:1px solid #f0f0f0;font-size:14px}.search-result-item:hover{background-color:#f5f5f5}.search-result-item:last-child{border-bottom:none}.search-result-item strong{color:#2196f3}.items-table tfoot{background-color:#f8f9fa;font-weight:700}.items-table .totals-row td{border-top:2px solid #333;padding-top:12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}.app{min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}.error-banner{background:#fee;border:1px solid #fcc;border-radius:6px;padding:12px 16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#c33;animation:slideDown .3s ease-out}.error-banner strong{margin-right:8px}.error-close{background:none;border:none;color:#c33;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.error-close:hover{background:#cc33331a}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 2px 8px #0000001a}.header-content h1{margin:0;font-size:28px;font-weight:700}.subtitle{margin:4px 0 0;opacity:.9;font-size:14px}.header-actions{display:flex;gap:16px;align-items:center}.user-name{color:#fff;opacity:.95;font-size:14px;font-weight:500}.btn-logout{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-logout:hover{background:#ffffff4d;border-color:#ffffff80}.btn-primary{background:#fff;color:#ff6b35}.btn-primary:hover{background:#fff8f5;transform:translateY(-1px)}.btn-secondary,.import-btn{background:#6c757d;color:#fff;display:inline-flex;align-items:center}.btn-secondary:hover,.import-btn:hover{background:#5a6268}.btn-danger{background:#ffffff1a;color:#fff}.btn-danger:hover{background:#d32f2f}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;top:100%;background:#fff;min-width:150px;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;margin-top:4px}.dropdown:hover .dropdown-content{display:block}.dropdown-content button{display:block;width:100%;padding:10px 16px;border:none;background:#fff;text-align:left;cursor:pointer;color:#333;font-size:14px}.dropdown-content button:hover{background:#f5f5f5}.tab-nav{background:#fff;padding:0 24px;display:flex;border-bottom:1px solid #e0e0e0}.tab{padding:16px 24px;border:none;background:none;cursor:pointer;font-size:15px;font-weight:500;color:#666;border-bottom:3px solid transparent;margin-bottom:-1px;transition:all .2s}.tab:hover{color:#333}.tab.active{color:#ff6b35;border-bottom-color:#ff6b35}.main-content{padding:24px;max-width:1400px;margin:0 auto}.upload-section{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.upload-column{display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.app-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.upload-section{grid-template-columns:1fr}.table-controls{flex-direction:column;align-items:stretch}.search-input{min-width:auto;width:100%}.table-stats{justify-content:center}}.orders-header{margin-bottom:20px;display:flex;justify-content:flex-end;gap:12px}.orders-header button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;background:#4caf50;color:#fff}.orders-header button:hover{background:#45a049}.account-settings{min-height:100vh;background:#f5f5f5;padding:24px}.settings-header{max-width:900px;margin:0 auto 24px;display:flex;align-items:center;gap:16px}.back-button{background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s;display:flex;align-items:center;gap:4px}.back-button:hover{background:#f8f9fa;border-color:#bbb;color:#333}.settings-header h1{margin:0;font-size:28px;color:#333;font-weight:700}.settings-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014}.settings-section h2{margin:0 0 24px;font-size:20px;color:#333;font-weight:600;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.settings-section h3{margin:0 0 12px;font-size:16px;color:#333;font-weight:600}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;animation:slideDown .3s ease-out}.message-success{background:#efe;border:1px solid #cfc;color:#3c3}.message-error{background:#fee;border:1px solid #fcc;color:#c33}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.input-disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-group small{display:block;margin-top:4px;font-size:12px;color:#999}.btn-primary,.btn-secondary,.btn-danger,.btn-upgrade{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-danger:disabled{background:#e6a6ad;cursor:not-allowed;transform:none}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%;margin-top:16px;font-size:16px;padding:14px 24px}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.subscription-info{display:flex;flex-direction:column;gap:20px}.tier-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.tier-badge-starter{background:#e3f2fd;color:#1976d2}.tier-badge-advanced{background:#f3e5f5;color:#7b1fa2}.tier-badge-professional{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.usage-stats{background:#f8f9fa;padding:16px;border-radius:8px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-label{font-weight:600;color:#333;font-size:14px}.usage-count{font-weight:700;color:#667eea;font-size:16px}.progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;transition:width .3s ease}.features-list{background:#f8f9fa;padding:20px;border-radius:8px}.features-list h3{margin-bottom:16px}.features-list ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.features-list li{color:#333;font-size:14px;display:flex;align-items:flex-start;gap:8px}.features-list li:before{content:"✓";color:#4caf50;font-weight:700;flex-shrink:0}.danger-zone{border:2px solid #fee;background:snow}.danger-zone h2{color:#dc3545;border-bottom-color:#fee}.danger-section{margin-bottom:32px}.danger-section:last-child{margin-bottom:0}.danger-section p{color:#666;margin:8px 0 16px;font-size:14px;line-height:1.6}.warning-box{background:#fff3cd;border:1px solid #ffc107;border-left:4px solid #ff9800;padding:12px 16px;border-radius:6px;margin-bottom:16px}.warning-box p{margin:0;color:#856404;font-size:14px;line-height:1.5}.warning-box strong{color:#664d03}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#666}@media(max-width:768px){.account-settings{padding:16px}.settings-header{flex-direction:column;align-items:flex-start}.settings-header h1{font-size:24px}.settings-section{padding:24px 20px}.settings-section h2{font-size:18px}.usage-header{flex-direction:column;align-items:flex-start;gap:8px}}.faq-page{min-height:100vh;background:#f8f9fa}.faq-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 0;box-shadow:0 2px 8px #0000001a}.faq-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.faq-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.faq-header p{font-size:1.25rem;margin:0;opacity:.95}.faq-header-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.faq-header-actions .btn-primary{background:#fff;color:#667eea;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block;border:none;cursor:pointer;font-size:1rem}.faq-header-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.faq-header-actions .btn-secondary{background:transparent;color:#fff;border:2px solid white;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s;display:inline-block}.faq-header-actions .btn-secondary:hover{background:#ffffff1a}.faq-container{max-width:900px;margin:0 auto;padding:3rem 2rem}.faq-section{margin-bottom:3rem}.faq-category{font-size:1.75rem;font-weight:700;color:#333;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:3px solid #667eea}.faq-items{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden;transition:box-shadow .2s,transform .2s}.faq-item:hover{box-shadow:0 4px 12px #0000001f}.faq-item.open{box-shadow:0 4px 12px #667eea26}.faq-question{width:100%;background:none;border:none;padding:1.25rem 1.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:#333;transition:background-color .2s,color .2s;gap:1rem}.faq-question:hover,.faq-item.open .faq-question{background-color:#f8f9fa;color:#667eea}.faq-question span:first-child{flex:1;line-height:1.4}.faq-toggle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#667eea;color:#fff;border-radius:50%;font-size:1.25rem;font-weight:700;transition:transform .3s,background-color .2s}.faq-question:hover .faq-toggle{background:#5568d3}.faq-item.open .faq-toggle{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{color:#666;line-height:1.7;margin:0;font-size:1rem}.faq-footer{background:#fff;padding:4rem 0;margin-top:3rem;box-shadow:0 -2px 8px #0000000d}.faq-footer-content{max-width:600px;margin:0 auto;text-align:center;padding:0 2rem}.faq-footer h3{font-size:2rem;margin:0 0 1rem;color:#333}.faq-footer p{font-size:1.1rem;color:#666;margin:0 0 2rem}.faq-footer .btn-primary{background:#667eea;color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .2s,transform .2s;display:inline-block}.faq-footer .btn-primary:hover{background:#5568d3;transform:translateY(-2px)}.faq-nav-footer{background:#2c3e50;padding:2rem 0;text-align:center}.faq-nav-footer a{color:#fffc;text-decoration:none;font-weight:500;transition:color .2s}.faq-nav-footer a:hover{color:#fff}@media(max-width:768px){.faq-header{padding:2rem 0}.faq-header h1{font-size:2rem}.faq-header p{font-size:1rem}.faq-header-actions{flex-direction:column;align-items:stretch;padding:0 2rem}.faq-container{padding:2rem 1rem}.faq-category{font-size:1.5rem}.faq-question{padding:1rem;font-size:1rem}.faq-answer{padding:0 1rem 1rem}.faq-footer{padding:3rem 0}.faq-footer h3{font-size:1.5rem}.faq-footer p{font-size:1rem}}