:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}.navigation{background-color:#fff;border-bottom:1px solid #000;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo a{color:#000;font-size:24px;font-weight:700;text-decoration:none;letter-spacing:-.5px}.nav-logo a:hover{color:#333;transition:color .3s ease}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-item{margin:0}.nav-link{color:#666;text-decoration:none;font-size:16px;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s ease}.nav-link:hover{color:#000;background-color:#0000001a}.nav-link.active{color:#000;background-color:#00000026;font-weight:600}@media (max-width: 768px){.nav-container{flex-direction:column;height:auto;padding:15px 20px}.nav-menu{margin-top:15px;gap:15px;flex-wrap:wrap;justify-content:center}.nav-link{font-size:14px;padding:6px 12px}}.home-page{min-height:calc(100vh - 60px);background:white;padding:40px 20px}.home-container{max-width:1200px;margin:0 auto}.home-header{text-align:center;margin-bottom:60px;color:#2c3e50}.home-header h1{font-size:3.5rem;font-weight:700;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.home-subtitle{font-size:1.4rem;margin:0;opacity:.9;font-weight:300}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:60px}.service-card{background:white;border-radius:12px;padding:30px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{color:#2c3e50;font-size:1.5rem;margin:0 0 15px;font-weight:600}.service-card p{color:#7f8c8d;line-height:1.6;margin:0 0 25px}.service-link{display:inline-block;background:#3498db;color:#fff;text-decoration:none;padding:12px 25px;border-radius:6px;font-weight:500;transition:background-color .3s ease}.service-link:hover{background:#2980b9}.company-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;background:#f8f9fa;border-radius:12px;padding:40px;color:#2c3e50;box-shadow:0 4px 6px #0000001a}.info-section h4{color:#2c3e50;font-size:1.2rem;margin:0 0 15px;font-weight:600}.info-section p{margin:0;line-height:1.8;color:#7f8c8d}@media (max-width: 768px){.home-page{padding:20px 15px}.home-header h1{font-size:2.5rem}.home-subtitle{font-size:1.1rem}.services-grid{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.service-card{padding:25px 20px}.company-info{padding:30px 20px;grid-template-columns:1fr;gap:25px}}.invoice{width:8.5in;height:11in;max-height:11in;background:white;padding:.5in .5in .6in;box-shadow:0 0 10px #0000001a;font-size:11px;color:#000;position:relative;font-family:Arial,sans-serif;box-sizing:border-box;overflow:hidden}.company-header{text-align:center;margin-bottom:15px;border-bottom:2px solid #000;padding-bottom:10px}.company-name{font-size:18px;font-weight:700;margin-bottom:5px;color:#000}.company-address{font-size:12px;line-height:1.4;color:#000}.invoice-title{text-align:center;font-size:16px;font-weight:700;margin-bottom:10px}.section-label{font-size:9px;font-weight:700;margin-bottom:3px}.field-content{min-height:20px;padding:2px;margin-bottom:5px;font-size:11px;white-space:pre-wrap}.header-row{display:flex;border:1px solid #000;margin-bottom:0}.shipper-section{flex:0 0 50%;padding:5px;border-right:1px solid #000;box-sizing:border-box}.header-row .empty-section{flex:0 0 25%;border-right:1px solid #000;box-sizing:border-box}.refs-section{flex:0 0 25%;padding:5px;box-sizing:border-box}.page-info{margin-top:10px;border-top:1px solid #000;padding-top:5px}.consignee-row{display:flex;border:1px solid #000;border-top:none;margin-bottom:0}.consignee-section{flex:1;padding:5px;border-right:1px solid #000;display:flex;flex-direction:column}.buyer-section{flex:1;padding:5px}.irs-section{margin-top:auto;padding-top:5px}.bill-section{border:1px solid #000;border-top:none;padding:3px 5px;margin-bottom:0}.bill-content{display:flex;align-items:center;gap:10px}.bill-content .section-label{flex-shrink:0;margin-bottom:0}.bill-content .field-content{flex:1;margin-bottom:0;min-height:18px}.irs-content{display:flex;align-items:center;gap:10px}.irs-content .section-label{flex-shrink:0;margin-bottom:0}.irs-content .field-content{flex:1;margin-bottom:0;min-height:18px}.options-row{display:flex;border:1px solid #000;border-top:none;margin-bottom:0}.duty-section{flex:0 0 50%;padding:5px;border-right:1px solid #000;display:flex;flex-direction:column;box-sizing:border-box}.shipment-combined-section{flex:0 0 50%;display:flex;flex-direction:row;box-sizing:border-box}.point-section{flex:0 0 50%;padding:5px;border-right:1px solid #000;box-sizing:border-box}.dest-section{flex:0 0 50%;padding:5px;box-sizing:border-box}.transaction-row{display:flex;border:1px solid #000;border-top:none;margin-bottom:0}.parties-section{flex:1;padding:5px;border-right:1px solid #000}.terms-section{flex:1;padding:5px}.carrier-row{display:flex;border:1px solid #000;border-top:none;margin-bottom:0}.carrier-section-combined{flex:0 0 50%;padding:5px;border-right:1px solid #000;box-sizing:border-box}.currency-freight-section{flex:0 0 50%;display:flex;flex-direction:row;box-sizing:border-box}.currency-freight-section .currency{flex:1;padding:5px;border-right:1px solid #000;box-sizing:border-box}.currency-freight-section .freight{flex:1;padding:5px;box-sizing:border-box}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:2px}.checkbox{display:inline-block;width:31px;height:31px;margin-right:0;text-align:center;line-height:26px;font-size:23px}.goods-table{width:100%;border-collapse:collapse;margin-bottom:0}.goods-table th,.goods-table td{border:1px solid #000;padding:3px;font-size:12px;text-align:center;vertical-align:middle}.goods-table td{min-height:42px;height:42px}.goods-table th{background-color:#f0f0f0;font-weight:700;text-align:center;font-size:10px}.goods-table th:nth-child(2),.goods-table td:nth-child(2){width:8%}.goods-table th:nth-child(1),.goods-table td:nth-child(1){width:12%}.goods-table th:nth-child(3),.goods-table td:nth-child(3){width:35%}.goods-table th:nth-child(4),.goods-table td:nth-child(4){width:15%}.goods-table th:nth-child(5),.goods-table td:nth-child(5){width:8%}.goods-table th:nth-child(6),.goods-table td:nth-child(6){width:12%}.goods-table th:nth-child(7),.goods-table td:nth-child(7){width:10%}.goods-cell{min-height:120px;vertical-align:middle;font-size:12px;text-align:center}.totals-row{display:flex;border:1px solid #000;border-top:none;margin-bottom:10px}.total-pkgs,.weight,.total-value{flex:1;padding:5px;border-right:1px solid #000}.total-value{border-right:none}.certification{border:1px solid #000;padding:10px;margin-bottom:10px}.certification p{font-size:10px;text-align:center;margin-bottom:10px}.signature-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px}.signature-field{flex:1;text-align:left;display:flex;align-items:baseline;max-width:50%;box-sizing:border-box}.date-field{flex:1;text-align:right}.signature-line{border-bottom:1px dotted #000;width:150px;margin-left:15px;height:20px;font-family:Brush Script MT,Lucida Handwriting,Segoe Print,cursive;font-size:18px;font-style:italic;display:inline-block}.footer{border:1px solid #000;padding:0;display:flex;min-height:64px}.return-to-section{flex:0 0 50%;border-right:1px solid #000;padding:10px;display:flex;align-items:flex-end;box-sizing:border-box}.return-to{font-size:14px;font-weight:700;line-height:1.3}.contact-info{font-size:10px;font-weight:400}.certification-section{flex:1;padding:10px;display:flex;flex-direction:column;box-sizing:border-box}.certification-text{font-size:10px;text-align:left;margin-bottom:7px;font-weight:400}.date-field{margin-bottom:0;font-size:10px}.packing-list .options-row{display:flex;border:1px solid #000;border-top:none;margin-bottom:0}.packing-list .shipment-destination-section{flex:0 0 50%;display:flex;border-right:1px solid #000;box-sizing:border-box}.packing-list .shipment-destination-section .point-section,.packing-list .shipment-destination-section .dest-section{flex:1;padding:5px;box-sizing:border-box}.packing-list .shipment-destination-section .dest-section{border-left:1px solid #000}.packing-list .carrier-combined-section{flex:0 0 50%;padding:5px;box-sizing:border-box}.packing-list .goods-table th:nth-child(1),.packing-list .goods-table td:nth-child(1){width:12%}.packing-list .goods-table th:nth-child(2),.packing-list .goods-table td:nth-child(2){width:50%}.packing-list .goods-table th:nth-child(3),.packing-list .goods-table td:nth-child(3){width:15%}.packing-list .goods-table th:nth-child(4),.packing-list .goods-table td:nth-child(4){width:10%}.packing-list .goods-table th:nth-child(5),.packing-list .goods-table td:nth-child(5){width:13%}@media print{.invoice{box-shadow:none;margin:0;width:100%}}.form-container{max-width:100%}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-container h2{margin-bottom:0;color:#333;font-size:24px}.lunana-btn{background-color:#9c27b0;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.lunana-btn:hover{background-color:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 8px #9c27b04d}.form-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.form-section h3{font-size:16px;color:#555;margin-bottom:15px;font-weight:600}.form-section label{display:block;margin-bottom:12px;font-size:14px;color:#666;font-weight:400}.form-section input,.form-section textarea,.form-section select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px;transition:border-color .3s}.form-section textarea{resize:vertical;font-family:inherit}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.add-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px;font-size:14px;font-weight:500;transition:background-color .3s}.add-btn:hover{background-color:#45a049}.goods-list{margin-top:15px}.goods-item{border:1px solid #ddd;padding:15px;margin-bottom:15px;border-radius:6px;background-color:#f9f9f9}.goods-item h4{margin-top:0;margin-bottom:12px;color:#333;font-size:15px}.remove-btn{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;margin-top:10px;transition:background-color .3s}.remove-btn:hover{background-color:#da190b}.button-group{display:flex;gap:10px;margin-top:30px}.download-btn,.print-btn{flex:1;padding:14px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.download-btn{background-color:#2196f3;color:#fff}.download-btn:hover{background-color:#0b7dda;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.print-btn{background-color:#ff9800;color:#fff}.print-btn:hover{background-color:#e68900;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.checkbox-section{margin-bottom:15px}.checkbox-section>label{display:block;margin-bottom:5px;font-weight:600}.checkbox-options{display:flex;gap:15px;margin-left:10px}.checkbox-option{display:flex;align-items:center;gap:5px;font-weight:400!important;margin-bottom:0!important}.checkbox-option input[type=radio]{width:auto;margin:0}@media (max-width: 768px){.form-container{padding:10px}.button-group{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}#root{width:100%;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.app-container{display:flex;height:calc(100vh - 60px);width:100%}.preview-section{flex:1;padding:20px;background-color:#e0e0e0;overflow-y:auto;display:flex;justify-content:center}.form-section{width:420px;padding:20px;background-color:#fff;overflow-y:auto;box-shadow:-2px 0 10px #0000001a}@media (max-width: 768px){.app-container{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.form-section{width:100%}}.commercial-invoice-preview{width:794px;min-height:1123px;padding:40px;background:white;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif;color:#333;margin:0 auto;position:relative}.invoice-header{margin-bottom:5px}.currency-section{text-align:right;margin-bottom:20px;padding:5px 0 0}.currency-display{font-size:14px}.currency-label{color:#666;margin-right:8px;font-weight:500}.currency-value{color:#333;font-weight:600}.header-top{display:grid;grid-template-columns:80px 1fr auto;gap:25px;align-items:start;padding-bottom:25px;border-bottom:2px solid #e8e8e8}.logo-section{display:flex;align-items:center;justify-content:center}.company-logo{width:84px;height:84px;object-fit:contain}.company-info-section{padding-top:5px}.company-name{margin:0 0 8px;font-size:22px;font-weight:600;color:#2c3e50;letter-spacing:-.5px}.address{margin:0 0 8px;font-size:13px;color:#666;line-height:1.5;white-space:pre-line}.contact-info{display:flex;gap:15px;margin:8px 0;font-size:12px;color:#666}.contact-info span{display:flex;align-items:center}.contact-info span:not(:last-child):after{content:"•";margin-left:15px;color:#ccc}.tax-id{margin:8px 0 0;font-size:12px;color:#666;font-weight:500}.invoice-info-section{text-align:right}.invoice-badge{display:inline-block;margin:0 0 15px;padding:8px 20px;background:#2c3e50;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;border-radius:4px}.invoice-meta{display:flex;flex-direction:column;gap:8px}.meta-item{display:flex;justify-content:flex-end;gap:12px;font-size:13px}.meta-label{color:#999;font-weight:500}.meta-value{color:#333;font-weight:600;min-width:120px;text-align:right}.customer-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:5px}.bill-to h3,.ship-to h3{margin:0 0 10px;font-size:16px;color:#555;text-transform:uppercase;border-bottom:1px solid #ddd;padding-bottom:5px}.customer-info{font-size:13px;line-height:1.6}.customer-info p{margin:5px 0}.customer-name{font-weight:700;font-size:14px;color:#333}.customer-address{white-space:pre-line}.items-section{margin-bottom:30px}.items-table{width:100%;border-collapse:collapse;font-size:13px}.items-table thead{background:#333;color:#fff}.items-table th{padding:12px;text-align:left;font-weight:600;text-transform:uppercase;font-size:12px}.items-table th:nth-child(1){width:40px!important;min-width:40px!important;max-width:40px!important;text-align:center}.items-table th:nth-child(2){width:auto!important;text-align:left}.items-table th:nth-child(3){width:80px!important;min-width:80px!important;max-width:80px!important;text-align:center}.items-table th:nth-child(4){width:120px!important;min-width:120px!important;max-width:120px!important;text-align:right}.items-table th:nth-child(5){width:120px!important;min-width:120px!important;max-width:120px!important;text-align:right}.items-table tbody tr{border-bottom:1px solid #e0e0e0}.items-table tbody tr:hover{background:#f5f5f5}.items-table td{padding:10px 12px}.items-table td:nth-child(1){text-align:center;width:40px!important;min-width:40px!important;max-width:40px!important}.items-table td:nth-child(2){text-align:left;width:auto!important}.items-table td:nth-child(3){text-align:center;width:80px!important;min-width:80px!important;max-width:80px!important}.items-table td:nth-child(4),.items-table td:nth-child(5){text-align:right;font-weight:500;width:120px!important;min-width:120px!important;max-width:120px!important}.empty-row{text-align:center;color:#999;font-style:italic}.tax-notice{margin-top:15px;padding:10px 15px;background:transparent;border-left:3px solid #6c757d;font-size:11px;color:#495057;font-style:italic}.tax-notice p{margin:0}.totals-section{display:flex;justify-content:space-between;gap:30px;margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0}.notes-section{flex:2;font-size:13px;max-width:65%}.notes-section h4{margin:0 0 5px;color:#555;font-size:14px;font-weight:600}.notes-section p{margin:0 0 15px;line-height:1.5}.payment-instructions{white-space:pre-line;background:#f9f9f9;padding:10px;border-radius:3px;border:1px solid #e0e0e0}.totals-table{min-width:200px;max-width:250px;margin-left:auto}.total-row{display:flex;flex-direction:column;align-items:flex-end;padding:6px 0;font-size:14px;text-align:right}.total-label{color:#666;font-size:12px;margin-bottom:2px}.total-value{font-weight:600;color:#333;font-size:15px}.grand-total{border-top:2px solid #333;margin-top:10px;padding-top:10px}.grand-total .total-label{color:#333;font-weight:600;font-size:14px}.grand-total .total-value{color:#2e7d32;font-size:20px;font-weight:700}.footer-section{position:absolute;bottom:40px;left:40px;right:40px;padding-top:30px;border-top:1px solid #e0e0e0;text-align:center}.thank-you{margin-bottom:20px}.thank-you p{margin:0;font-size:18px;font-weight:700;color:#2c3e50}.footer-notes{font-size:12px;color:#666;line-height:1.6}.footer-notes p{margin:5px 0}@media print{.commercial-invoice-preview{width:100%;box-shadow:none;padding:20px}.items-table tbody tr:hover{background:transparent}}.commercial-invoice-form{padding:20px;background:white;height:100vh;overflow-y:auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.form-header h2{margin:0;color:#333;font-size:24px}.button-group-bottom{position:sticky;bottom:0;background:white;padding:20px;border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:center;margin-top:30px;box-shadow:0 -2px 10px #0000000d}.btn-download,.btn-metadata{padding:12px 24px;background:#4CAF50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-download:hover,.btn-metadata:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-metadata{background:#2196F3}.btn-metadata:hover{background:#1976D2}.form-section{margin-bottom:30px;background:#f9f9f9;padding:20px;border-radius:8px}.form-section h3{margin-top:0;margin-bottom:20px;color:#555;font-size:18px;border-bottom:1px solid #ddd;padding-bottom:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:5px;font-weight:500;color:#666;font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50}.form-group textarea{resize:vertical;font-family:inherit}.readonly-field{background-color:#f0f0f0;cursor:not-allowed}.grand-total{font-weight:700;font-size:16px}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group-horizontal{display:flex;gap:20px;flex-wrap:wrap}.checkbox-group-horizontal label{display:flex;align-items:center;gap:5px;font-weight:400}.checkbox-group-horizontal input[type=checkbox]{margin:0}.currency-toggle{display:flex;gap:15px}.currency-option{display:flex;align-items:center;gap:5px;font-weight:400;cursor:pointer}.currency-option input[type=radio]{margin:0;width:auto}.commercial-invoice-form .items-table{overflow-x:auto;overflow-y:visible;margin-right:-20px;padding-right:20px}.commercial-invoice-form .items-table table{width:100%;min-width:600px;border-collapse:collapse;background:white}.commercial-invoice-form .items-table thead{background:#f5f5f5}.commercial-invoice-form .items-table th,.commercial-invoice-form .items-table td{padding:10px;text-align:left;border:1px solid #ddd}.commercial-invoice-form .items-table th{font-weight:600;color:#555;font-size:14px;white-space:nowrap}.commercial-invoice-form .items-table th:nth-child(1){width:5%;text-align:center}.commercial-invoice-form .items-table th:nth-child(2){width:45%}.commercial-invoice-form .items-table th:nth-child(3){width:10%}.commercial-invoice-form .items-table th:nth-child(4){width:15%}.commercial-invoice-form .items-table th:nth-child(5){width:15%}.commercial-invoice-form .items-table th:nth-child(6){width:10%;min-width:60px}.commercial-invoice-form .items-table td input{width:100%;padding:5px;border:1px solid #ddd;border-radius:3px}.commercial-invoice-form .items-table td.item-number{text-align:center;font-weight:500;color:#666;vertical-align:middle}.commercial-invoice-form .items-table td.subtotal{font-weight:500;text-align:right}.commercial-invoice-form .btn-remove{background:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;transition:background .3s}.commercial-invoice-form .btn-remove:hover{background:#d32f2f}.commercial-invoice-form .btn-add-item{margin-top:10px;padding:8px 16px;background:#4CAF50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.commercial-invoice-form .btn-add-item:hover{background:#45a049}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-header{flex-direction:column;align-items:flex-start;gap:15px}.action-buttons{width:100%}.btn-print,.btn-download{flex:1}}.merge-pdf-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem}.merge-pdf-container{max-width:900px;margin:0 auto;background:white;border-radius:12px;padding:3rem;box-shadow:0 10px 40px #0000001a}.merge-pdf-container h1{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.subtitle{color:#718096;text-align:center;margin-bottom:2rem;font-size:1.1rem}.upload-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.upload-box{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.upload-box:hover{border-color:#667eea;background:#edf2f7}.upload-box.drag-over{border-color:#667eea;background:#e6f0ff;transform:scale(1.02);box-shadow:0 4px 15px #667eea4d}.upload-box h3{color:#2d3748;margin-bottom:1rem;font-size:1.3rem}.upload-box input[type=file]{display:none}.upload-label{display:inline-block;background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background .3s ease;font-weight:500}.upload-label:hover{background:#5568d3}.drop-hint{margin-top:.5rem;color:#a0aec0;font-size:.9rem;font-style:italic}.file-name{margin-top:1rem;color:#48bb78;font-weight:500;font-size:.9rem}.options-section{background:#f7fafc;border-radius:8px;padding:2rem;margin-bottom:2rem}.crop-selection-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:white;border-radius:8px;border:2px solid #e2e8f0}.option-group{margin-bottom:2rem}.option-group:last-child{margin-bottom:0}.option-group h3{color:#2d3748;margin-bottom:1rem;font-size:1.2rem}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-label{display:flex;align-items:center;cursor:pointer;padding:.75rem;background:white;border:2px solid #e2e8f0;border-radius:6px;transition:all .3s ease}.radio-label:hover{border-color:#667eea;background:#edf2f7}.radio-label input[type=radio]{margin-right:.75rem;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.radio-label span{color:#2d3748;font-size:1rem}.option-description{margin-top:.75rem;color:#718096;font-size:.9rem;font-style:italic}.action-section{text-align:center}.merge-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.merge-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.merge-button:disabled{opacity:.5;cursor:not-allowed}.download-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.download-button{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff;border:none;padding:1rem 2.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #48bb7866}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7899}@media (max-width: 768px){.merge-pdf-container{padding:2rem 1.5rem}.merge-pdf-container h1{font-size:2rem}.upload-section{grid-template-columns:1fr}.crop-selection-container{grid-template-columns:1fr;gap:1.5rem}.options-section{padding:1.5rem}.merge-button{padding:1rem 2rem;font-size:1rem}.download-buttons{flex-direction:column}.download-button{padding:1rem 2rem;font-size:.95rem}}