.sendbox{margin-top:22px;border:1px solid #e2e6ed;border-radius:20px;overflow:hidden;background:#fff}.file-picker{margin:0;padding:22px;display:flex;align-items:center;gap:14px;background:#eef4ff;border:0;cursor:pointer}.file-picker.drag{background:#dfeaff}.file-picker input{display:none}.file-plus{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#3769ed;color:#fff;font-size:28px;line-height:1}.file-copy{display:grid;gap:3px}.file-copy strong{font-size:18px}.file-copy small,.selected-file small{color:#687386}.selected-file{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#eef4ff}.selected-file>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.selected-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#3769ed;color:#fff}.selected-file button{width:34px;height:34px;padding:0;margin:0;border-radius:50%;background:#fff;color:#536070;font-size:22px}.form-section,.line-field{padding:18px 22px;border-bottom:1px solid #e1e4e8}.field-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:17px}.field-heading small{color:#717784}.recipient-list{display:grid}.recipient-list input,.line-field input,.line-field textarea{width:100%;border:0;border-bottom:1px solid #edf0f3;border-radius:0;padding:12px 0;outline:none;background:transparent}.recipient-list input:last-child{border-bottom:0}.recipient-list input:focus,.line-field input:focus,.line-field textarea:focus{border-color:#3769ed}.line-field{display:grid;gap:4px}.line-field>span{font-size:17px}.line-field small{color:#7a8290}.line-field textarea{resize:vertical;min-height:76px}.line-field input[readonly]{color:#687386}.expiry-field{margin:18px 22px 0;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:2px solid #3769ed;border-radius:16px;color:#2258dc}.expiry-field select{border:0;color:#2258dc;background:#fff;padding:4px 0}.calendar-icon{font-size:20px}.sendbox>#send{width:calc(100% - 44px);margin:16px 22px 22px;border-radius:14px;padding:15px;font-size:18px}.sendbox #progress,.sendbox #result{margin-left:22px;margin-right:22px;margin-bottom:22px}.sendbox #result button{margin-top:10px}@media(max-width:600px){.card{padding:24px 18px;border-radius:0;min-height:100vh}.sendbox{border-radius:16px}main{padding:0;display:block}}
