body{font:15px system-ui,sans-serif;margin:0;background:#ead3a0 url(bg.svg) center/cover fixed no-repeat;color:#2b2418}
header{background:#b8860b;color:#fff;padding:10px 14px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}header a{color:#fff}
nav{display:flex;overflow-x:auto;background:#fff;border-bottom:1px solid #e6dcc3}nav a{padding:10px 14px;white-space:nowrap;color:#7a6f5c;text-decoration:none}nav a.on{color:#b8860b;font-weight:700;border-bottom:3px solid #b8860b}
main{padding:10px;max-width:900px;margin:auto}.card{background:rgba(255,255,255,.93);box-shadow:0 2px 8px rgba(90,55,10,.15);border:1px solid #e6dcc3;border-radius:10px;padding:12px;margin-bottom:10px}
input,select{width:100%;box-sizing:border-box;padding:9px;margin:3px 0;border:1px solid #d8cdb0;border-radius:8px;font-size:15px}
button{background:#b8860b;color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:600;cursor:pointer}.r{display:flex;gap:6px}.r>*{flex:1}
table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid #eee;text-align:left}.er{color:#c62828}.ok{color:#2e7d32}.mu{color:#7a6f5c;font-size:12px}
.lb{display:inline-block;width:150px;border:1px dashed #555;padding:4px;margin:3px;font-size:10px;text-align:center}
nav.sub{background:#f6ecd2;border-bottom:1px solid #e0cf9f}nav.sub a{padding:7px 14px;font-size:14px;border-radius:16px;margin:4px 3px}nav.sub a.on{background:#6b3f1d;color:#fff;border-bottom:0}
@media print{header,nav,.np{display:none}}
.cb label input{display:none}.cb span{display:inline-block;padding:11px 18px;border:1px solid #b8860b;border-radius:22px;margin:4px 3px;font-weight:600}.cb input:checked+span{background:#b8860b;color:#fff}

.card table{display:block;overflow-x:auto}
@media(max-width:700px){main{padding:6px}.r{flex-wrap:wrap}.r>*{flex:1 1 150px}header{font-size:13px;padding:8px 10px}button{padding:12px 14px;font-size:15px}input,select,textarea{font-size:16px;padding:11px}nav a{padding:12px 13px}nav.sub a{padding:9px 14px}.cb span{padding:13px 18px}.inv{padding:12px!important}.inv h1{font-size:18px!important}}
@media(orientation:landscape) and (max-height:520px){header{padding:3px 10px}nav a{padding:7px 12px}nav.sub a{padding:5px 12px;margin:2px}main{max-width:none;padding:6px 12px}.card{padding:8px}}
html{-webkit-text-size-adjust:100%}button,a,.cb span{touch-action:manipulation}