.modal{backdrop-filter:blur(4px)}
#uploadForm{width:min(610px,100%);box-shadow:0 28px 80px rgba(2,31,40,.32)}
.upload-head{display:grid;grid-template-columns:45px 1fr 34px;gap:13px;align-items:center;padding:23px 24px;background:linear-gradient(135deg,#073b4c,#0b5668);color:white}
.upload-head-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#ddbd08;color:#4a4100;font-size:20px;font-weight:bold}
.upload-head small{color:#66d8e9;font-size:8px;font-weight:bold;letter-spacing:1.2px}.upload-head h2{margin:4px 0 2px;color:white;font-size:19px}.upload-head p{margin:0;color:#b7d0d6;font-size:9px}
.upload-head button{align-self:start;width:32px;height:32px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff12;color:white;font-size:21px;cursor:pointer}
.upload-body{gap:13px;padding:19px 22px;background:#f7f9fa}.upload-step{display:flex;align-items:center;gap:9px}.upload-step>span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#dff3f6;color:#087489;font-size:9px;font-weight:bold}
.upload-step strong,.upload-step small{display:block}.upload-step strong{font-size:11px}.upload-step small{margin:2px 0 0;font-size:8px}
.upload-month{padding:12px 14px;border:1px solid #e0e7e9;border-radius:10px;background:white}.upload-month input{height:39px;margin-top:7px}
.upload-dropzone{position:relative;display:flex!important;align-items:center;gap:12px;min-height:96px;padding:16px;border:1.5px dashed #aacbd1;border-radius:11px;background:white;cursor:pointer;transition:.2s}
.upload-dropzone:hover,.upload-dropzone:focus,.upload-dropzone.is-dragging{outline:0;border-color:#00aeca;background:#effafb;box-shadow:0 0 0 3px rgba(0,174,202,.09)}.upload-dropzone.has-file{border-style:solid;border-color:#6dbb9b;background:#f3fbf7}
.upload-dropzone input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.upload-file-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#e4f6f8;color:#087489;font-size:19px}.has-file .upload-file-icon{background:#dff4e9;color:#157851}
.upload-file-copy{min-width:0;flex:1}.upload-file-copy strong,.upload-file-copy small{display:block}.upload-file-copy strong{color:#173a47;font-size:11px}.upload-file-copy small{margin-top:4px;font-size:8px}.upload-browse{padding:8px 10px;border:1px solid #cae1e5;border-radius:7px;background:#f5fafb;color:#07566a;font-size:9px}
.upload-selection{display:flex;align-items:center;gap:9px;margin-top:-5px;padding:9px 11px;border:1px solid #d3eadf;border-radius:8px;background:#f2faf6}.upload-selection[hidden]{display:none}.upload-selection>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#d8f0e3;color:#157851;font-weight:bold}.upload-selection div{min-width:0;flex:1}
.upload-selection small,.upload-selection strong{display:block}.upload-selection small{color:#56806d;font-size:7px;font-weight:bold;letter-spacing:.7px}.upload-selection strong{overflow:hidden;color:#244d3b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.upload-selection button{border:0;background:transparent;color:#a23d38;font-size:8px;font-weight:bold;cursor:pointer}
.upload-remarks>span{float:right;color:#88999e;font-size:8px;font-weight:normal}.upload-remarks textarea{resize:vertical;min-height:70px}.upload-notice{display:flex;gap:9px;align-items:flex-start}.upload-notice>span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:6px;background:#d4eef2;color:#087489;font-weight:bold}.upload-notice p{margin:0}.upload-notice strong{display:block;margin-bottom:2px;color:#315761}
.upload-actions{align-items:center;padding:14px 22px;background:white}.upload-actions>div{margin-right:auto}.upload-actions>div span,.upload-actions>div small{display:block}.upload-actions>div span{color:#315761;font-size:9px;font-weight:bold}.upload-actions>div small{margin-top:2px;color:#87989d;font-size:7px}.upload-actions .primary{display:flex;gap:12px;align-items:center}.upload-actions .primary:disabled{opacity:.42;cursor:not-allowed}.upload-actions .primary b{font-size:15px}.upload-actions .primary.is-uploading b{animation:upload-spin .7s linear infinite}
@keyframes upload-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.modal{padding:0}.modal form,#uploadForm{width:100%;height:100vh;border-radius:0;overflow:auto}.upload-head{grid-template-columns:40px 1fr 32px;padding:19px 17px}.upload-head-icon{width:40px;height:40px}.upload-body{padding:16px}.upload-dropzone{align-items:flex-start}.upload-browse{display:none}.upload-actions{position:sticky;bottom:0;flex-wrap:wrap;padding:12px 16px}.upload-actions>div{width:100%}.upload-actions button{flex:1}}