:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172d3c;background:#f3f7fa}*{box-sizing:border-box}body{margin:0}header{background:#126f9f;color:white;padding:18px max(20px,calc((100% - 1050px)/2));display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}h1{margin:0;font-size:1.6rem}header small{opacity:.9}main{max-width:1050px;margin:auto;padding:22px 16px}button{background:#126f9f;color:white;border:0;border-radius:9px;padding:12px 17px;cursor:pointer;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}header button{background:white;color:#126f9f}#status{padding:13px;background:#e5f2fb;border-left:4px solid #126f9f;border-radius:6px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cards article,.panel{background:white;border:1px solid #e0e8ef;border-radius:13px;padding:19px;margin-bottom:17px}.cards span{display:block;color:#536b7b}.cards strong{display:block;font-size:1.7rem;margin-top:8px}.panel h2{margin-top:0;font-size:1.25rem}label{display:block;font-size:.92rem;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #b7c9d4;border-radius:8px;font:inherit;background:white}input[type=file]{font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.panel small{display:block;color:#536b7b;margin-top:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:540px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid #e2e9ee}th{color:#526a78;font-size:.85rem}.link{padding:8px 11px}@media(max-width:580px){.grid{grid-template-columns:1fr}.cards strong{font-size:1.25rem}header{align-items:flex-start}}

.capture-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.visually-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}#preview{display:block;max-width:100%;max-height:360px;object-fit:contain;border-radius:10px;margin:12px 0;border:1px solid #b7c9d4}#preview[hidden]{display:none}.row button{margin:3px}button:focus-visible{outline:3px solid #ffb703;outline-offset:2px}

button.danger{color:#a51c30;font-weight:700} .row{flex-wrap:wrap;gap:10px}

.month-label{display:flex;align-items:center;gap:8px;font-size:14px}.month-label input{width:160px;max-width:100%;padding:8px}

.attachment-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.attachment-row span{min-width:0}.attachment-row button{flex-shrink:0;padding:7px 12px}