*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#172b41;font:15px/1.5 system-ui,sans-serif}header{background:#102d40;color:white;padding:20px 4%;display:flex;align-items:center;gap:24px}.brand{font-size:25px;color:white;text-decoration:none;white-space:nowrap}.brand b{color:#6bdfbd}.brand small{display:block;font-size:9px;letter-spacing:3px}header span{flex:1;color:#a9c1cf}main{max-width:1220px;margin:30px auto;padding:0 22px}h1{font-size:30px;line-height:1.15;margin-bottom:8px}h2{font-size:20px}h3{font-size:16px}.muted,small{color:#60758a}.lead{margin-bottom:25px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.tabs button{background:white;color:#294355}.tabs .active{background:#123d50;color:white}button,.button{font:inherit;border:0;border-radius:7px;padding:11px 17px;background:#087e70;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(.94)}button.secondary{background:#e7edf2;color:#233f53}button.danger{background:#a83838}button:disabled{opacity:.5;cursor:wait}.card{background:white;border:1px solid #dfe6ed;border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 3px 9px #1233}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{padding:18px;background:#fff;border:1px solid #dfe6ed;border-radius:10px}.stat strong{font-size:27px;display:block}.stat small{display:block}.accent{background:#103e4b;color:#fff}.accent small{color:#bbdcd9}label{display:block;font-size:13px;font-weight:600;margin:13px 0 6px}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #bdcbd6;border-radius:6px;padding:10px;background:white;color:#172b41}textarea{min-height:85px}input:focus,select:focus,textarea:focus{outline:2px solid #22b396;outline-offset:1px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{display:inline-block;border-radius:20px;padding:4px 10px;font-size:12px;background:#e3f4ef;color:#17634e}.warning{background:#fff2d6;color:#765012;padding:13px;border-radius:7px;margin:14px 0}.error{color:#a02525}.progress{height:8px;background:#e6edf1;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:#11a087}.table{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e1e8ee;white-space:nowrap}th{font-size:12px;color:#63758b}footer{text-align:center;color:#8293a5;margin:35px}.login{max-width:430px;margin:8vh auto}#toast{position:fixed;right:20px;top:20px;z-index:5;background:#123d50;color:white;padding:12px 20px;border-radius:7px;display:none;max-width:90vw}#printout{display:none}.details{white-space:pre-wrap}.pair{display:flex;justify-content:space-between;border-bottom:1px solid #dce6eb;padding:9px 0}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:auto}.full{grid-column:1/-1}@media(max-width:720px){header{padding:15px 20px}header span{display:none}main{padding:0 14px;margin-top:22px}.grid,.stats{grid-template-columns:1fr}.card{padding:17px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs button{padding:10px}.row{align-items:stretch}.row>*{min-width:120px}h1{font-size:26px}.actions button{flex:1}td,th{padding:10px 6px}}
@page{size:A4;margin:16mm}@media print{body{background:white;font:10pt/1.35 Arial,sans-serif;color:#111}body>*{display:none!important}#printout{display:block!important}#printout h1{font-size:20pt}#printout h2{font-size:13pt;margin:16px 0 8px}#printout h3{font-size:11pt}#printout .paper-head{border-bottom:2px solid #123d50;padding-bottom:12px;display:flex;justify-content:space-between}#printout .paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#printout .legal{white-space:pre-wrap;font-size:9pt}#printout .signature{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;break-inside:avoid}#printout .signature p{border-top:1px solid #333;padding-top:7px}#printout table{font-size:9pt}#printout td,#printout th{white-space:normal;padding:6px}#printout .warning{border:1px solid #777;background:white;color:black}#printout .privacy-page{break-before:page}#printout .avoid{break-inside:avoid}}

@page{size:A4;margin:12mm}
@media print{
 body{font:10pt/1.25 Arial,sans-serif}#printout{width:100%;margin:0;padding:0}
 #printout .paper-head{gap:15px;padding-bottom:7px;margin-bottom:10px;align-items:flex-start;break-inside:avoid}
 #printout .paper-head h1{font-size:17pt;margin:0 0 3px}#printout .supplier-details{font-size:9pt;margin:0;line-height:1.2}
 #printout .document-ref{font-size:10pt;text-align:right;min-width:125px}#printout .document-ref p{margin:4px 0}
 #printout .customer-heading{border-bottom:1px solid #aaa;padding-bottom:6px;margin-bottom:8px;break-inside:avoid}
 #printout .customer-heading small{font-size:8pt;color:#333}#printout .customer-heading h2{font-size:16pt;margin:2px 0 4px}#printout .customer-heading p{font-size:9pt;margin:0}
 #printout h2{font-size:11pt;margin:10px 0 4px;break-after:avoid}#printout h3{font-size:10pt;margin:5px 0;break-after:avoid}
 #printout p{margin:5px 0}#printout .legal{font-size:9.5pt;line-height:1.23;white-space:pre-wrap;overflow-wrap:anywhere}
 #printout table{width:100%;font-size:9pt;border-collapse:collapse;margin:6px 0}#printout th,#printout td{white-space:normal;padding:5px 6px;overflow-wrap:anywhere}#printout tr{break-inside:avoid}
 #printout .contract-facts{break-inside:avoid}#printout .contract-facts th{color:#111;width:13%}#printout .contract-facts td{width:37%}
 #printout .fleet-block{border-bottom:1px solid #aaa;padding:4px 0 6px;break-inside:avoid}#printout .fleet-block p{font-size:9pt;line-height:1.35}
 #printout .small-print{font-size:8.5pt;line-height:1.25}#printout .signature{margin-top:20px;gap:25px}#printout .signature p{padding-top:5px}
 #printout .privacy-page{break-before:auto}#printout .warning{padding:6px;font-size:9pt;margin:7px 0}
}

@media print{#printout .document-ref strong{display:block;font-size:14pt;font-weight:800}#printout th{font-weight:800;color:#111}#printout .customer-heading h2{font-weight:800}}