.invoice-hitl-page{display:flex;flex-direction:column;gap:24px;font-family:Segoe UI,Arial,sans-serif;max-width:900px;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px}.form-section{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#f8f9fa;margin-bottom:16px}.form-section h3{margin-top:0;border-bottom:2px solid #eee;padding-bottom:8px;font-size:1.2em;color:#007bff}.grid-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:600;font-size:.95em;color:#444}.form-field input{padding:10px;border:1px solid #d0d0d0;border-radius:5px;font-size:1em;background:#fff;transition:border .2s}.form-field input:focus{border-color:#007bff;outline:none}.line-items-table{width:100%;border-collapse:collapse;margin-top:8px}.line-items-table th,.line-items-table td{border:1px solid #e0e0e0;padding:10px;text-align:left}.line-items-table th{background-color:#f1f3f6;font-weight:600}.line-items-table input{width:100%;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #d0d0d0}.btn{padding:10px 18px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;margin-right:8px;transition:background .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#a71d2a}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#495057}.actions-bar{display:flex;justify-content:flex-end;align-items:center;margin-top:10px}pre{background:#f6f8fa;border-radius:6px;padding:12px;font-size:.95em;color:#333;overflow-x:auto}.image-container{display:flex;justify-content:center;align-items:center;margin:1px 0;padding:10px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;min-height:800px}.uploaded-image{max-width:100%;max-height:1500px;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.invoice-header{text-align:center;margin-bottom:24px;padding:20px;background:#ffffff80;color:#333;border-radius:12px;box-shadow:0 4px 16px #0000001a}.invoice-header h2{margin:0 0 16px;font-size:2em;font-weight:600;color:#333}.invoice-number-display,.invoice-date-display{font-size:1.2em;margin:8px 0;padding:8px 16px;background:#0000001a;border-radius:8px;display:inline-block;color:#333}.validation-section{border:2px solid #ff6b6b;border-radius:8px;padding:20px;background:#fff5f5;margin-bottom:16px}.validation-section h3{color:#d63031;margin-top:0;border-bottom:2px solid #ff7675;padding-bottom:8px}.validation-errors{display:flex;flex-direction:column;gap:8px}.validation-error{background:#ffeaa7;border:1px solid #fdcb6e;border-radius:6px;padding:12px;color:#d63031;font-weight:500}.expected-calculations{border:1px solid #007bff;border-radius:8px;padding:20px;background:#f0f8ff;margin-bottom:16px}.expected-calculations h3{color:#007bff;margin-top:0;border-bottom:2px solid #4dabf7;padding-bottom:8px}.calculations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.calculation-item{background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #e0e0e0;font-size:1em}.calculation-item strong{color:#1d06e6}