@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import "https://cdn.jsdelivr.net/npm/reset-css@5.0.2/reset.min.css";@page{size:A4;margin:0}html,body{margin:0;padding:0}*{box-sizing:border-box}body{font-optical-sizing:auto;font-family:Outfit,sans-serif;font-size:14px}.container{width:980px;margin:0 auto;padding:32px;box-shadow:0 0 32px #eee}header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:flex-start;padding-bottom:32px;display:flex}header #logo{width:180px}header a{color:inherit;align-items:center;margin-bottom:8px;text-decoration:none;display:flex}header .contact{flex-direction:column;align-items:flex-end;display:flex}header .contact img{height:20px;margin-right:8px}header .logo-side{flex-direction:column;align-items:flex-start;display:flex}.customer-date{justify-content:space-between;margin:32px 0;display:flex}.customer-date .customer{flex:1;display:flex}.customer-date .customer table{width:70%}.customer-date .customer table td:first-child{width:140px}.customer-date .customer input,.customer-date .customer textarea{width:100%;font-family:inherit;font-size:inherit;resize:none;border:none;border-bottom:1px solid #eee;outline:none}.customer-date .customer td{padding:4px}.table{border-collapse:collapse;table-layout:fixed;width:100%}.table th,.table td{white-space:nowrap;text-overflow:ellipsis;border:1px solid #ddd;padding:8px}.table th{text-align:left;background:#f5f5f5;font-weight:700}.table th:first-child,.table td:first-child{width:40%;position:relative}:is(.table th:first-child,.table td:first-child) img{cursor:pointer;position:absolute;left:-24px}.table th:nth-child(2),.table td:nth-child(2){width:8%}.table th:nth-child(3),.table td:nth-child(3){width:10%}.table th:nth-child(4),.table td:nth-child(4){width:12%}.table th:nth-child(5),.table td:nth-child(5){width:8%}.table th:nth-child(6),.table td:nth-child(6),.table th:nth-child(7),.table td:nth-child(7){width:13%}.table th:nth-child(8),.table td:nth-child(8){width:14%}.table th:nth-child(9),.table td:nth-child(9){width:6%}.table input,select{width:100%;font-size:inherit;background:0 0;border:none;outline:none;font-family:inherit}.table td:nth-child(3),.table td:nth-child(4),.table td:nth-child(5),.table td:nth-child(6),.table td:nth-child(7),.table td:nth-child(8){text-align:right}.table tbody tr:hover{background:#fafafa}.bottom{justify-content:space-between;display:flex}.bottom textarea{width:50%;font-family:inherit;font-size:inherit;border:none;outline:none}.result{text-align:right;font-size:16px}.result b{min-width:110px;display:inline-block}.result h3{margin-bottom:12px}h1{text-align:center;margin-top:24px;font-size:24px;font-weight:500}select{appearance:none}input[type=date]{text-align:right;appearance:none;border:none}@media print{.table th{background:#f5f5f5}button,.remove-row{display:none}.container{box-shadow:none}textarea{resize:none}}b{font-weight:700}.remove-row{width:16px}