@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ink: #101010;--line: #202020;--paper: #fff;--desk: #eef2f7;--green: #166534;--blue: #2563eb;--blue-light: #eff6ff;--blue-border: #bfdbfe;--grey-50: #f8fafc;--grey-100: #f1f5f9;--grey-200: #e2e8f0;--grey-400: #94a3b8;--grey-700: #334155;--red: #ef4444;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}.print-only{display:none!important}.screen-only{display:block}body{background:var(--desk);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;min-height:100vh}.toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;box-shadow:0 2px 16px #1e3a8a4d}.toolbar-title{font-weight:800;letter-spacing:.04em;font-size:13px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.public-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;box-shadow:0 2px 16px #1e3a8a4d;font-weight:800;letter-spacing:.03em;font-size:13px}.public-logo{width:28px;height:28px;object-fit:contain}button{border:1px solid transparent;border-radius:8px;padding:9px 14px;font-weight:700;font-family:Inter,sans-serif;color:#fff;background:var(--green);cursor:pointer;font-size:13px;transition:opacity .15s}button:hover{opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}button.light{background:#fff;color:#1e293b;border-color:var(--grey-200)}button.clear{background:#ffffff1f;border-color:#fff6}.status{color:#bfdbfe;font-size:12px}main{max-width:640px;margin:0 auto;padding:0 0 60px}.modern-form{background:var(--grey-100)}.mf-header{background:#fff;padding:24px 20px 20px;border-bottom:1px solid var(--grey-200)}.mf-badge{display:inline-block;background:var(--blue-light);color:var(--blue);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.06em;margin-bottom:10px}.mf-title{font-size:26px;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:8px}.mf-subtitle{font-size:13px;color:var(--grey-400);line-height:1.5}.mf-subtitle .req{color:var(--red);font-weight:700}.mf-divider{height:8px;background:var(--grey-100)}.mf-section{background:#fff;padding:20px;margin-bottom:2px}.mf-section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--blue);text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--grey-100)}.mf-section-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);flex-shrink:0}.mf-sub-label{display:block;font-size:11px;font-weight:700;color:var(--grey-700);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 10px;padding-top:10px;border-top:1px dashed var(--grey-200)}.mf-photo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:2px dashed var(--grey-200);border-radius:var(--radius);background:var(--grey-50);padding:32px 20px;width:100%;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.mf-photo-upload:hover{border-color:var(--blue);background:var(--blue-light)}.mf-photo-upload img{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.mf-photo-icon{font-size:32px;color:var(--grey-400)}.mf-photo-text{font-size:12px;font-weight:700;color:var(--grey-400);letter-spacing:.08em}.mf-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.mf-field:last-child{margin-bottom:0}.mf-field>label{font-size:11px;font-weight:700;color:var(--grey-700);text-transform:uppercase;letter-spacing:.06em}.mf-field .req{color:var(--red)}.modern-form input[type=text],.modern-form input[type=date],.modern-form input[type=number],.modern-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.modern-form textarea,.modern-form select{width:100%;border:1.5px solid var(--grey-200);border-radius:var(--radius-sm);background:var(--grey-50);padding:11px 13px;font:14px Inter,sans-serif;color:#1e293b;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical}.modern-form input:focus,.modern-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f;background:#fff}.modern-form input.mf-input-highlight{border-color:var(--blue-border);background:var(--blue-light)}.modern-form input.mf-input-highlight:focus{background:#fff}.mf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.mf-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}.mf-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.mf-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0}.mf-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;cursor:pointer;color:#1e293b}.mf-check input[type=checkbox]{width:16px;height:16px;border-radius:4px;cursor:pointer;accent-color:var(--blue)}.mf-turnover-rows{display:flex;flex-direction:column;gap:4px}.mf-submit-section{background:#fff;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.mf-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:15px;font-weight:700;border-radius:var(--radius);border:none;box-shadow:0 4px 14px #2563eb59;transition:opacity .2s,transform .1s}.mf-submit-btn:hover{opacity:.92;transform:translateY(-1px)}.mf-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-screen{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:24px}.success-card{background:#fff;border-radius:20px;padding:40px 32px;text-align:center;max-width:400px;width:100%;box-shadow:0 8px 40px #0f172a1f}.success-icon{font-size:56px;margin-bottom:16px}.success-card h2{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:8px}.success-card p{color:var(--grey-400);font-size:14px;margin-bottom:28px;line-height:1.5}.success-card .print-btn{display:block;width:100%;padding:16px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:15px;font-weight:700;border-radius:var(--radius);margin-bottom:12px;box-shadow:0 4px 14px #2563eb59}.success-card .new-form-btn{display:block;width:100%;padding:14px;background:#fff;color:var(--blue);border:2px solid var(--blue-border);font-size:14px;font-weight:700;border-radius:var(--radius)}.admin-wrap{padding:20px}.admin-card{background:#fff;border:1px solid var(--grey-200);border-radius:16px;padding:20px;box-shadow:0 4px 18px #0f172a14}.admin-card h2{font-size:20px;font-weight:800;margin-bottom:8px}.admin-card>p{color:var(--grey-400);margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.stat{border:1px solid var(--grey-200);border-radius:10px;padding:14px;background:#eef7f0}.stat strong{display:block;font-size:28px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{border:1px solid var(--grey-200);padding:8px;text-align:left;vertical-align:top}.data-table th{background:var(--grey-50);font-weight:700}.pv{display:inline-block;border-bottom:1.5px solid var(--line);min-width:35mm;min-height:6mm;padding:0 1mm .5mm;font:11pt Arial,Helvetica,sans-serif;color:#152238;vertical-align:bottom}.pv.pv-full{width:100%;display:block}.pv.pv-sm{min-width:20mm}.pv.pv-lg{min-width:60mm}.sheet{width:210mm;height:296mm;margin:0 auto 18px;padding:5mm 8mm;background:var(--paper);box-shadow:0 4px 20px #0f172a24;position:relative;overflow:hidden;font-family:Arial,Helvetica,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:flex;flex-direction:column}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150mm;opacity:.12;z-index:0;pointer-events:none}.sheet>*{position:relative;z-index:1}.header{text-align:center;margin-bottom:2mm;position:static!important}.logo-mark{width:45mm;height:20mm;margin:4mm auto .5mm;display:flex;align-items:center;justify-content:center}.logo-mark img{max-width:100%;max-height:100%;object-fit:contain;display:block}.company{margin:.5mm 0 0;font-size:22pt;font-weight:900;letter-spacing:.01em;text-transform:uppercase;transform:scaleX(1.08)}.header-line{border-bottom:4px double var(--line);margin-top:1.5mm;margin-bottom:1.5mm;height:0}h3{margin:1mm 0;font-size:11pt;line-height:1.2}.center-title{text-align:center;font-size:11pt;margin:0 0 2mm;font-weight:800;text-transform:uppercase}.aligned-fields-grid{display:grid;grid-template-columns:8mm 62mm 4mm 1fr;align-items:baseline;gap:.5mm;min-height:6mm;margin-bottom:.3mm}.aligned-fields-grid.wide-label{grid-template-columns:8mm 115mm 4mm 1fr}.aligned-fields-grid.indented-row{margin-bottom:.2mm}.aligned-fields-grid .indent{padding-left:5mm}.aligned-fields-grid .colon{text-align:center;font-weight:700}.aligned-fields-grid .num,.aligned-fields-grid .label{font-weight:700}.top-section{display:grid;grid-template-columns:1fr 33mm;gap:8mm;align-items:start;margin-bottom:3mm}.top-left-fields{display:flex;flex-direction:column;gap:1.5mm}.customer-code-row{display:grid;grid-template-columns:35mm 4mm 1fr;align-items:end;min-height:7mm}.customer-code-row .colon{text-align:center;font-weight:700}.hq-date-row{display:grid;grid-template-columns:1fr 1fr;gap:4mm;align-items:end}.hq-field,.date-field{display:flex;align-items:end;gap:2mm}.full-row-field{display:flex;flex-direction:column;gap:1mm;align-items:stretch}.top-right-photo{display:flex;justify-content:flex-end}.photo-box{width:33mm;height:41mm;border:1.8px solid var(--line);overflow:hidden}.inline-combo{display:inline-flex;align-items:end;gap:2mm;font-weight:700;font-size:10pt}.inline-combo .pv{flex:1}.const-row{display:inline-flex;gap:6mm;align-items:center;font-size:10pt;font-weight:700}.const-row label{display:inline-flex;align-items:center;gap:1.5mm}.cbox{display:inline-block;width:4mm;height:4mm;border:1.5px solid var(--line);vertical-align:middle}.cbox.checked{background:var(--ink)}.cbox.cbox-radio{border-radius:50%}.cbox.cbox-radio.checked{background:transparent;position:relative}.cbox.cbox-radio.checked:after{content:"";position:absolute;top:.7mm;left:.7mm;width:1.6mm;height:1.6mm;background:var(--ink);border-radius:50%}.bold-label{font-weight:700}.font-medium{font-size:10.5pt}.font-small{font-size:9.5pt}.top-sales-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4mm;align-items:end;margin-bottom:4mm;font-size:12.5pt}.top-sales-row .inline-combo,.top-sales-row .bold-label,.top-sales-row .pv{font-size:12.5pt}.sales-field{display:inline-flex;align-items:end;gap:2mm}.paper-table{width:100%;border-collapse:collapse;margin-bottom:6mm}.paper-table td{border:1.5px solid var(--line);padding:2.2mm 2.5mm;vertical-align:middle;font-size:13pt}.paper-table .n{width:10mm;text-align:center;font-weight:700}.paper-table .q{width:82mm;font-weight:700;line-height:1.3}.paper-table .pv{border-bottom:none;min-width:0;width:100%;display:block;font-size:13pt}.inner-bank-table{width:100%;border-collapse:collapse}.inner-bank-table td{border:0;padding:1.2mm 2mm;font-size:10pt}.inner-bank-label{width:32%;font-weight:700;border-right:1.5px solid var(--line)!important;border-bottom:1.5px solid var(--line)!important}.inner-bank-input-cell{width:38%;border-right:1.5px solid var(--line)!important;border-bottom:1.5px solid var(--line)!important}.inner-bank-empty{width:30%;border-bottom:1.5px solid var(--line)!important}.inner-bank-table tr:last-child td{border-bottom:0!important}.signs-row{display:flex;justify-content:space-between;align-items:end;margin-top:auto;font-weight:700;font-size:10.5pt}.left-sign{max-width:90mm}.right-sign{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.3}.section-title{font-size:13pt;font-weight:700;margin:4mm 0 3mm}.enclosures-list{padding-left:6mm;margin-bottom:4mm}.enclosures-list li{font-size:10pt;line-height:1.4;margin-bottom:1.5mm}.enclosures-note{font-size:11pt;font-weight:700;font-style:italic;margin:4mm 0 6mm;line-height:1.35}.official-use-section{margin-top:6mm}.official-use-title{font-size:13pt;font-weight:700;text-align:center;margin:0}.official-use-subtitle{display:block;font-size:10.5pt;text-align:center;margin-bottom:6mm}.official-signs{display:grid;grid-template-columns:1fr 1fr;gap:20mm;margin-top:12mm}.signature-box{display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:10pt}.signature-line{width:80%;border-top:1.5px solid var(--line);margin-bottom:1.5mm}.hod-sign-row{margin-top:6mm}.empty-box{visibility:hidden}.agreement-clause{display:grid;grid-template-columns:8mm 1fr;gap:2mm;margin-bottom:4mm;line-height:1.45;font-size:10.5pt;text-align:justify}.agreement-clause .clause-num{font-weight:700}.clause-para{margin:3mm 0 0;text-align:justify}.agreement-signatures-container{margin-top:15mm;display:flex;flex-direction:column;align-items:flex-end;gap:8mm;padding-right:10mm}.agreement-sign-row{display:flex;flex-direction:column;align-items:center;width:90mm;text-align:center;font-weight:700}.agreement-sign-row .sign-title{font-size:10.5pt;margin-bottom:1mm}.agreement-sign-row .sign-line-placeholder{font-size:10pt;margin-bottom:1mm}.agreement-sign-row .sign-label{font-size:10pt;margin-top:1mm}.footer{margin-top:auto;padding-top:4mm;text-align:center}.signs-row+.footer{margin-top:2mm}.footer-line-separator{border-top:1.5px solid var(--line);margin-bottom:2mm}.footer strong{display:block;font-size:13pt;font-weight:900}.corp-address,.mob-no{font-size:9.5pt}@media print{@page{size:A4;margin:0}.print-only{display:block!important}.screen-only{display:none!important}body{background:#fff}main{max-width:none;margin:0;padding:0}.sheet{width:210mm;height:297mm;min-height:297mm;margin:0;box-shadow:none;page-break-after:always;display:flex;flex-direction:column}.sheet:last-child{page-break-after:avoid}.pv{color:#000}}@media(max-width:660px){.mf-grid-2{grid-template-columns:1fr}.mf-grid-4{grid-template-columns:1fr 1fr}}.login-container{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border-radius:var(--radius);border:1px solid var(--grey-200);padding:32px 28px;max-width:400px;width:100%;box-shadow:0 8px 30px #0f172a14;display:flex;flex-direction:column;align-items:center}.login-logo{width:60px;height:60px;margin-bottom:16px}.login-logo img{width:100%;height:100%;object-fit:contain}.login-card h2{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:8px;text-align:center}.login-card p{color:var(--grey-400);font-size:13px;margin-bottom:24px;line-height:1.5;text-align:center}.login-error{background:#fef2f2;color:var(--red);border:1px solid #fecaca;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:16px;width:100%;text-align:center}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;width:100%}.login-field label{font-size:11px;font-weight:700;color:var(--grey-700);text-transform:uppercase;letter-spacing:.06em}.login-field input{width:100%;border:1.5px solid var(--grey-200);border-radius:var(--radius-sm);background:var(--grey-50);padding:11px 13px;font:14px Inter,sans-serif;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f;background:#fff}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:14px;font-weight:700;border-radius:var(--radius);border:none;box-shadow:0 4px 14px #2563eb59;cursor:pointer;margin-top:8px;transition:opacity .2s}.login-btn:hover{opacity:.92}.logout-btn{padding:6px 12px!important;font-size:12px!important;background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}.logout-btn:hover{background:#ffffff1f!important}