:root{font-family:Arial,Helvetica,sans-serif;color:#18222d;background:#f2f5f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#edf3f0 0%,#f7f8fa 55%,#eef3f6 100%)}a{color:inherit}.topbar{height:8px;background:#008000}.shell{max-width:980px;margin:0 auto;padding:48px 20px}.card{background:#fff;border:1px solid #dfe6e9;border-radius:18px;box-shadow:0 14px 40px rgba(26,42,54,.08);padding:32px}.auth-card{max-width:460px;margin:7vh auto 0}.brand{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#007a3d;margin-bottom:12px}h1{font-size:30px;margin:0 0 10px}h2{margin:0 0 8px}.muted{color:#61717e;line-height:1.5}.field{margin-top:24px}.field label{display:block;font-weight:700;margin-bottom:8px}.field input{width:100%;padding:13px 14px;border:1px solid #bbc7ce;border-radius:10px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 18px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;background:#007a3d;color:white}.button.secondary{background:#e9eff2;color:#23313a}.button.outline{background:white;color:#31424d;border:1px solid #ccd6dc}.button.full{width:100%;margin-top:16px}.error{background:#fff1f0;border:1px solid #f1b4ae;color:#8f261e;padding:11px 13px;border-radius:9px;margin-top:18px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.toolbar-actions{display:flex;gap:9px;flex-wrap:wrap}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}.tile{display:block;text-decoration:none;background:white;border:1px solid #dfe6e9;border-radius:16px;padding:26px;transition:.18s ease}.tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,40,51,.09);border-color:#b9cbc3}.tile-icon{font-size:32px;margin-bottom:18px}.tile h2{font-size:21px}.tile p{margin:8px 0 0;color:#677985;line-height:1.5}.badge{display:inline-block;margin-top:16px;padding:5px 9px;border-radius:999px;background:#edf6f1;color:#08733b;font-size:12px;font-weight:700}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:210px;margin-top:20px;border:2px dashed #aebdc5;border-radius:16px;padding:42px 20px;text-align:center;background:#f9fbfb;cursor:pointer;overflow:hidden}.dropzone.drag{border-color:#007a3d;background:#eff8f3}.dropzone strong{display:block;font-size:20px;line-height:1.3}.dropzone .muted{display:block;margin:0;max-width:100%;font-size:14px}.dropzone input{display:none}.filelist{margin-top:24px}.file-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border-top:1px solid #e5eaed;padding:13px 2px}.file-row:first-child{border-top:0}.filename{font-weight:700;overflow-wrap:anywhere}.filesize{font-size:13px;color:#697984}.link{font-weight:700;color:#007a3d;text-decoration:none}.progress{height:9px;background:#e8edef;border-radius:999px;overflow:hidden;margin-top:15px;display:none}.progress>div{height:100%;width:0;background:#007a3d}.status{margin-top:12px;font-size:14px}.footer{margin-top:22px;color:#7a8993;font-size:12px;text-align:center}@media(max-width:650px){.tiles{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.file-row{grid-template-columns:1fr auto}.filesize{display:none}.shell{padding-top:28px}.card{padding:23px}}

@media(max-width:650px){.dropzone{min-height:180px;padding:32px 16px}.dropzone strong{font-size:18px}}


/* Stable file-transfer drop zone */
.transfer-card{overflow:hidden}
.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:260px;margin:0;border:2px dashed #aebdc5;border-radius:16px;padding:36px 24px;text-align:center;background:#f9fbfb;cursor:pointer;overflow:visible;gap:0}
.dropzone:focus{outline:3px solid rgba(0,122,61,.18);outline-offset:3px}
.dropzone.drag{border-color:#007a3d;background:#eff8f3}
.dropzone-icon{font-size:42px;line-height:1;margin:0 0 14px;color:#007a3d}
.dropzone-title{font-size:22px;line-height:1.25;font-weight:700;margin:0 0 8px;color:#18222d}
.dropzone-subtitle{font-size:14px;line-height:1.4;color:#61717e;margin:0 0 18px}
.choose-button{margin:0 0 12px;min-width:150px}
.dropzone-limit{font-size:12px;line-height:1.3;color:#7a8993;margin:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:650px){.dropzone{min-height:230px;padding:28px 16px}.dropzone-title{font-size:20px}.dropzone-icon{font-size:36px}}