*{box-sizing:border-box}body{font:14px 'Segoe UI',sans-serif;margin:0;background:#f5f5f5;color:#222}
header{background:#fff;border-bottom:1px solid #ddd;padding:10px 20px;display:flex;gap:16px;align-items:center}header b{flex:1}
main{max-width:1300px;margin:16px auto;padding:0 16px}.grid{display:grid;grid-template-columns:minmax(380px,520px) 1fr;gap:16px}@media(max-width:900px){.grid{grid-template-columns:1fr}}
fieldset{background:#fff;border:1px solid #ccc;border-radius:6px;margin:0 0 12px;padding:12px}legend{font-weight:bold;padding:0 4px}
input,select{border:1px solid #ccc;border-radius:3px;padding:6px;font:inherit;max-width:100%}label{display:block;margin:4px 0}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.row label{flex:1;min-width:80px}.row input,.row select{width:100%}
button,.btn{background:#2196F3;color:#fff;border:0;border-radius:4px;padding:7px 14px;cursor:pointer;text-decoration:none;font:inherit}button:hover{background:#0b7dda}
button.red{background:#d9534f}button.gray{background:#888}
table{border-collapse:collapse;width:100%;background:#fff;margin:8px 0;font-size:13px}th,td{border:1px solid #ddd;padding:5px 7px;text-align:right}th{background:#f1f1f1}td:nth-child(2),th:nth-child(2){text-align:left}
table input{width:100%}.tabs{display:flex;gap:4px;margin-bottom:12px}.tabs button{background:#e8e8e8;color:#333}.tabs button.on{background:#2196F3;color:#fff}
.err{color:#c00}.total{font-size:16px;font-weight:bold;text-align:right}.login{max-width:320px;margin:15vh auto;background:#fff;padding:24px;border-radius:8px;border:1px solid #ddd}.login input{width:100%;margin-bottom:10px}
@media print{header,.noprint,.tabs{display:none}}