:root{font-family:system-ui,sans-serif;color:#203d35;background:#f4f6f3;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#183e35;color:white;padding:20px 5%;display:flex;gap:25px;align-items:center}header span{font-size:14px;opacity:.8}main{max-width:1450px;margin:35px auto;padding:0 25px}h1{font-size:29px}h2{font-size:20px}section,.login,.success{background:#fff;padding:25px;border:1px solid #dce4df;border-radius:14px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}input,select{display:block;width:100%;border:1px solid #bdcec4;border-radius:7px;padding:11px;margin-top:7px;font:inherit;background:#fff;color:#193d33}input:focus,select:focus{outline:2px solid #308267}button,.button{background:#21654f;color:white;border:0;border-radius:8px;padding:13px 20px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.6}a{color:#17634b}.logout{float:right}.logout button{background:#e1eae3;color:#193d33;font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}th,td{padding:9px;border:1px solid #d5dfd7;text-align:left;font-size:13px}th{background:#edf2ed}td input{min-width:100px;padding:9px;font-size:13px}output{display:block;min-width:85px;padding:9px;background:#edf4ef;border-radius:6px;font-size:14px;font-weight:600}.totals{display:flex;gap:25px;margin-top:18px;flex-wrap:wrap}.error{color:#a52424}.confirm{display:flex;align-items:center;gap:12px}.confirm input{width:auto}.fixed{display:block;padding:12px;background:#edf4ef;border-radius:6px}small{color:#60776b}footer{padding:35px;text-align:center;color:#718378;font-size:13px}.login{max-width:450px}@media print{body{display:none}}@media(max-width:600px){main{padding:0 12px}.logout{float:none}section{padding:15px}}