*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f6f7f9;color:#1d2330;line-height:1.5}
.wrap{max-width:880px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
h1{font-size:1.6rem;margin:.2em 0}h2{font-size:1.15rem;margin:0 0 .6em}a{color:#1b5fd1}
.card{background:#fff;border:1px solid #e1e4ea;border-radius:12px;padding:16px;margin:16px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.grid{grid-template-columns:1fr}}
label{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}input,select,textarea{width:100%;padding:10px;border:1px solid #c8cdd6;border-radius:8px;font:inherit;background:#fff}
textarea{min-height:230px}.row{display:flex;gap:8px}.row>*{flex:1}
button,.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:0;background:#1b5fd1;color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}
.btn.sec,button.sec{background:#e8edf6;color:#1d2330}button.del{background:none;color:#b42318;padding:4px 8px}
.err{color:#b42318;font-size:.9rem;min-height:1.2em}.muted{color:#5b6475;font-size:.9rem}
table{width:100%;border-collapse:collapse}td,th{padding:8px 6px;border-bottom:1px solid #eef0f4;text-align:left;font-size:.92rem;vertical-align:top}
tr.sel{background:#eef4ff}tr{cursor:pointer}.badge{padding:2px 8px;border-radius:99px;font-size:.8rem;font-weight:600;white-space:nowrap}
.b-over{background:#fde8e7;color:#a11}.b-due{background:#fff4d6;color:#7a5200}.b-ok{background:#e5f5ea;color:#17602f}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}footer{text-align:center;padding:24px 0;font-size:.85rem;color:#5b6475}
.pro{background:#fff8e6;border-color:#f1d48a}.amt{white-space:nowrap}
@media(max-width:600px){.hide-sm{display:none}}
input,select{min-width:0}.grid>*{min-width:0}td{word-break:break-word}
@media(max-width:600px){.wrap{padding:10px}.card{padding:12px}td,th{padding:6px 4px;font-size:.85rem}}
.cur{max-width:100px}.submitcell{display:flex;align-items:flex-end}.full{width:100%}