*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f4f6f8;color:#222}header{background:#1f2937;color:#fff;padding:14px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}header nav{display:flex;gap:14px;flex-wrap:wrap}header a{color:#fff;text-decoration:none}main{max-width:1200px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 2px 10px #0001;margin-bottom:20px}input,textarea,select{width:100%;padding:9px;margin:5px 0 10px;border:1px solid #ccc;border-radius:4px}textarea{min-height:75px}button,.btn{display:inline-block;background:#1769aa;color:#fff;border:0;padding:10px 15px;border-radius:5px;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ccc;padding:7px;font-size:13px}th{background:#eee}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cards>div{background:#fff;padding:18px;border-radius:8px}.cards strong{display:block;font-size:24px;margin-top:10px}.headrow{display:flex;justify-content:space-between;align-items:center}.login{display:grid;place-items:center;min-height:100vh}.loginbox{width:360px}.err{background:#fee2e2;padding:10px;color:#991b1b;margin-bottom:10px}.print-actions{max-width:210mm;margin:10px auto}.paper{width:210mm;min-height:297mm;margin:auto;background:#fff;padding:8mm;font-size:11px}.company{border-bottom:1px solid #222;display:grid;grid-template-columns:2fr 1fr;position:relative;padding-bottom:15px}.logo b{font-size:30px;color:#168c78}.logo small{display:block;margin-top:5px}.contact{text-align:right}.addr{position:absolute;bottom:2px;left:0;width:100%;text-align:center;font-size:10px}.title{text-align:center;font-size:18px;font-weight:bold;margin:12px}.meta,.two,.items{margin-top:5px}.two{display:grid;grid-template-columns:1fr 1fr}.two section{border:1px solid #333;padding:7px;min-height:120px}.two section>b{display:block;text-align:center}.items th,.items td{height:24px}.bottom{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333}.bottom>div{padding:7px}.bottom>div+div{border-left:1px solid #333}.bottom p{margin:0;border-bottom:1px solid #ddd;padding:5px}.bottom span{float:right}.words{border:1px solid #333;padding:7px}.sign{display:grid;grid-template-columns:1fr 1fr;text-align:right;min-height:80px;padding:10px}.sign>div+div{text-align:center}footer{text-align:center;padding:20px;color:#777}@media(max-width:800px){.grid,.row,.cards{grid-template-columns:1fr}.paper{width:100%;min-height:auto}.two{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff}.print-actions,header,footer{display:none!important}.paper{margin:0;width:210mm;min-height:297mm;padding:6mm;box-shadow:none}main{margin:0;padding:0}}