:root{font-family:system-ui,-apple-system,sans-serif;color:#213344;background:#f4f8f9}*{box-sizing:border-box}
body{margin:0}header{background:#fff;border-bottom:1px solid #dce8ea;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;color:#155460}
header strong{font-size:20px}header span{font-size:12px;letter-spacing:.08em}main{max-width:620px;margin:auto;padding:16px}
.card{background:white;border:1px solid #dde8eb;border-radius:18px;padding:20px;margin:12px 0;box-shadow:0 4px 15px #174f5908}
h1{font-size:24px;margin:0 0 10px}p{line-height:1.5;color:#687b88}form{display:grid;gap:13px}label{display:grid;gap:5px;font-weight:600}
input,select{font:inherit;border:1px solid #bdcdd2;border-radius:9px;padding:11px;width:100%;min-width:0}
button,.button{font:inherit;font-weight:700;background:#087f88;color:white;border:1px solid #087f88;border-radius:10px;padding:11px 15px;cursor:pointer;text-align:center}
button:disabled{opacity:.55;cursor:wait}.light{background:white;color:#086f78}.plain{background:transparent;color:#155460;border-color:transparent}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.months{display:flex;align-items:end;gap:8px;margin:14px 0}.months label{flex:1}
nav{display:flex;gap:4px;overflow:auto;white-space:nowrap}nav button{flex:1;font-size:13px;padding:9px}
#fileList{display:grid;gap:8px}.file-row{display:flex;gap:10px;align-items:center;border:1px solid #dde8eb;border-radius:10px;padding:8px;overflow-wrap:anywhere}.file-row img{width:65px;height:65px;object-fit:contain}.file-row span{flex:1}.file-row button{padding:8px}
.record{border-bottom:1px solid #dde8eb;padding:12px 0}.record strong{display:block}.record small{display:block;color:#687b88;margin-top:4px}
[hidden]{display:none!important}.error{color:#a43e38!important}
@media(max-width:420px){.months{flex-wrap:wrap}.months button{width:100%}}