body{font-family:system-ui,sans-serif;margin:0;background:#ffffff;color:#222}header{background:#4a9fd8;color:#fff;padding:12px 16px;font-size:1.3em;font-weight:700}
nav{display:flex;overflow-x:auto;background:#fff;border-bottom:1px solid #ddd}nav button{flex:none;border:0;background:none;padding:10px 12px;font-size:.95em}nav button.on{border-bottom:3px solid #4a9fd8;font-weight:700}
section{padding:14px;max-width:640px;margin:auto}label{display:block;margin:8px 0}input,select{font-size:1em;padding:6px;max-width:100%}input[type=number]{width:6em}
table{width:100%;border-collapse:collapse;background:#fff;margin-top:10px}td{padding:7px;border-bottom:1px solid #eee}td:nth-child(3){font-weight:700;text-align:right}td:nth-child(4){color:#888;font-size:.85em}
#total{margin-top:10px;font-weight:700;background:#e3f2fd;padding:10px;border-radius:8px}.warn{background:#fff3c4;padding:8px;border-radius:6px}.small{color:#777;font-size:.85em}
#pcts label{display:inline-block;margin-right:12px}body:not([data-mode=back]) .back{display:none}body[data-mode=back] .fwd{opacity:.5;pointer-events:none}
#lock{position:fixed;inset:0;background:#4a9fd8;display:flex;align-items:center;justify-content:center;z-index:9}#lock form{background:#fff;padding:24px;border-radius:12px;text-align:center}#lock h1{margin-top:0}.err{color:#c00;font-weight:700}
[hidden]{display:none!important}tr.hd td{background:#e3f2fd;font-weight:700;text-align:left!important}fieldset{border:1px solid #ddd;border-radius:8px}details{background:#fff;margin:6px 0;padding:8px;border-radius:8px}summary{font-weight:700}.watch{background:#4a9fd8;color:#fff;padding:4px 10px;border-radius:6px;text-decoration:none}