*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;background:#f5f5f5}.form-header{background:#1e3a8a;color:#fff;padding:20px 16px;text-align:center}.form-header h1{margin:0;font-size:18px;font-weight:600}.container{max-width:800px;margin:0 auto;padding:24px 16px}.intro-text{text-align:left;color:#333;margin-bottom:24px;font-size:14px}.customer-form{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.form-row{border-bottom:1px solid #ddd;display:table;width:100%;table-layout:fixed}.form-label-row{background:#e6f2ff;padding:12px 16px;display:table-cell;width:180px;vertical-align:middle;border-right:1px solid #ddd}.form-label-row label{display:inline-block;font-weight:500;color:#333;margin:0;font-size:14px}.required-badge{background:#dc2626;color:#fff;padding:2px 8px;font-size:11px;border-radius:2px;margin-left:8px;font-weight:600}.form-input-row{background:#fff;padding:12px 16px;display:table-cell;vertical-align:middle}.form-input-row input,.form-input-row select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fefefe;color:#333}.form-input-row input:focus,.form-input-row select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.product-display{padding:8px 12px;color:#333;font-size:14px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px}.amount-display{padding:8px 12px;color:#333;font-size:16px;font-weight:600;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px}.name-inputs{display:flex;gap:12px}.name-field{flex:1;display:flex;align-items:center;gap:8px}.name-field .inline-label{white-space:nowrap;font-size:14px;color:#333;font-weight:400;margin:0;min-width:40px}.name-field input{flex:1}.date-inputs{display:flex;gap:8px}.date-inputs select{flex:1}.submit-button{width:100%;padding:16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:background .2s}.submit-button:hover{background:#4338ca}.submit-button:disabled{opacity:.6;cursor:not-allowed}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hidden{display:none}.modal-content{background:#fff;padding:32px;border-radius:12px;max-width:400px;width:90%;text-align:center}.modal-content h2{margin:0 0 16px;font-size:24px}.modal-content p{margin:0 0 24px;color:#666}.modal-content button{padding:10px 24px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.modal-content button:hover{background:#4338ca}@media (max-width: 768px){.form-row{display:block}.form-label-row{display:block;width:100%;border-right:none;border-bottom:1px solid #ddd}.form-input-row{display:block;width:100%}.name-inputs,.date-inputs{flex-direction:column;gap:8px}}