:root{font-family:system-ui,sans-serif;color:#182b3a;background:#f3f6f8;line-height:1.55}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:920px;margin:auto;padding:24px}header{padding-top:48px}header span{font-size:12px;font-weight:700;letter-spacing:.12em;color:#536c7d}h1{font-size:36px;line-height:1.2;margin:12px 0}h2{font-size:21px}section,form.panel{background:white;border:1px solid #dbe4ea;border-radius:12px;padding:24px;margin-bottom:24px}label{display:block;font-weight:600;margin:16px 0 6px}input,select,button{font:inherit;padding:12px;border:1px solid #aebdc7;border-radius:6px;max-width:100%}input:not([type=hidden]),select{width:100%}button,.button{background:#174f73;color:white;border:0;cursor:pointer;display:inline-block;padding:11px 18px;border-radius:6px;text-decoration:none;margin-top:16px}small,.muted,footer{color:#526777}a{color:#174f73}.notice{padding:16px;background:#e9f4ed;border-radius:6px}.error{padding:16px;background:#fff0ec}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #dbe4ea;vertical-align:top}.scroll{overflow:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline{display:inline}.inline button{margin:0;padding:6px 10px;font-size:13px}.receipt{font-family:monospace;overflow-wrap:anywhere;font-size:18px}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}@media(max-width:650px){.grid{grid-template-columns:1fr}header,main,footer{padding:18px}h1{font-size:30px}}

.upload-area{margin-top:28px;border:1px solid #bdcdd9;border-radius:10px;padding:20px;background:#f8fbfd}
.upload-area h2{margin:0 0 6px}.upload-area p{margin:8px 0}
.choose-files{font-weight:600}.file-input{background:white}
.attachment-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}
.attachment{display:flex;gap:12px;align-items:center;border:1px solid #dbe4ea;border-radius:8px;padding:12px;background:white}
.file-type{flex-shrink:0;background:#eaf0f5;color:#174f73;padding:6px 8px;border-radius:5px;font-size:11px;font-weight:750;letter-spacing:.04em}
.file-details{flex:1;min-width:0}.file-name{display:block;font-weight:600;overflow-wrap:anywhere;line-height:1.4}
.file-details small{display:block;margin-top:4px}
button.remove-file{background:transparent;color:#8d302a;border:1px solid #decac7;margin:0;padding:7px 10px;font-size:13px}
.file-download{font-size:13px;white-space:nowrap}.attachment-count{font-weight:600;margin:0}
td .attachment-list{min-width:260px}td .attachment{flex-wrap:wrap}
button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #64a7d4;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:480px){.upload-area{padding:14px}.attachment{gap:8px;padding:10px}.file-type{padding:5px}.remove-file{align-self:center}}